Control Page

Does not contain HubSpot Form Embed

Page: [Control Layout] Clean Page  

  • First tested: 2021-04-18T23:53:34.597Z UTC
  • Last tested: 2021-09-20T07:52:36.662Z UTC
  • Times tested to date: 190
Aggregate Average Score
99 Mobile
100 Desktop

Test Page

Contains HubSpot Form Embed

Page: [Test Layout] HubSpot Form Embed  

  • First tested: 2021-04-21T20:45:22.290Z UTC
  • Last tested: 2021-09-20T07:52:56.596Z UTC
  • Times tested to date: 184
Aggregate Average Score
82 Mobile
98 Desktop

Aggregate Difference

  • Mobile: 17 points (18.82% slower)
  • Desktop: 2 points (2% slower)

Test Method

Results are cumulated and averaged over the time period between the first tested and last tested dates. I send automated daily* requests to the PSI API for both mobile and desktop strategies, add the latest result for each strategy to its corresponding existing tally, then divide the tally by the number of times the test was performed, and round it to the nearest integer.

Formula: result ≈ Σ[day results] / times tested to date where ‘≈’ means rounded to nearest integer

* Additional tests are occasionally performed between the scheduled daily runs, so the times tested to date rubric will most likely not correspond to the number of days between first tested and last tested.

Embed Code Used

As provided by HubSpot, IDs blotted out:

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
<script>
   hbspt.forms.create({   region: "na1",   portalId: "xxxxxxxx",   formId: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" }); 
</script>

Potential Solutions

If your HubSpot embed is below the fold

Lazyload it in order to prevent it from running on page load. One solution to try is Vanilla Lazy Load, though there may be better options for your own case. It has a feature called Lazy Functions which you can use to load HubSpot dynamically only when needed.

If your HubSpot embed is above the fold

I’ve not tested this, but the only thing that occurs to me is to make a dummy form. Emulate the HubSpot form, then at the appropriate moment (say, on the form focus event, or when the user clicks inside the form wrapper), run the whole embed code and replace the form with the HubSpot one. A hack from hell, but it just might work.

More from the Your Site On… Series

Your Site On: Standard YouTube Embed

Your Site On: Standard YouTube Embed

A side-by-side comparison between a blank page and an otherwise identical page containing a standard YouTube embed.

Your Site On: Google Analytics

Your Site On: Google Analytics

A side-by-side comparison between a blank page and an otherwise identical page containing a standard Google Analytics embed.

Your Site On: Adobe Fonts Embed (1 Font Family)

Your Site On: Adobe Fonts Embed (1 Font Family)

A side-by-side comparison between a blank page and an otherwise identical page containing one embedded Adobe Fonts font family.

Your Site On: Adobe Fonts Embed (2 Font Families)

Your Site On: Adobe Fonts Embed (2 Font Families)

A side-by-side comparison between a blank page and an otherwise identical page containing two embedded Adobe Fonts font families.

  cp@cristianpopa.com

 404 487 8657

Let's Talk