Page Load Time Issues with Meetings

SOLVE
Highlighted
New Contributor

We are having some issues with page load time. Can we turn off some settings/tracking to help speed up our page load? We need to optimize for page loading speed when our HubSpot services are being used?

We have noticed that the demo button we use on our site using this JS code ….

<div class="meetings-iframe-container" data-src="https://app.hubspot.com/meetings/starchaptermeetings/starchapterdemo?embed=true"></div>

<script async="" src="https://fullstory.com/s/fs.js" crossorigin="anonymous"></script>

<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>

</div>

…. is causing a large change in our site performance. We would like to know if you have a recommended method whereby, we can load this script after the page loads (deferred loading) so that it will not impact the user experience? We have considered using a load event and then loading your script, but we don't want to break the script based on how it works on your end and would like your guidance.

 

Most of what I got came from the Google Dev tools "lighthouse" (in the inspector) and tools.pingdom.com. However, those tools will not help you all. What we did with those tools is compare our site load speed with and without hubspot on our site and That was the big difference. Page size, load time, additional references, and time to interact all increased significantly when hubspot code was on our site.

The question we really need answered is "can we load your stuff after the page loads or will that break your stuff".”

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Top Advisor | Partner

Thanks @dennisedson 

 

Hey @RebeccaCwick 

You can defer the scripts using the "defer" property:

<div class="meetings-iframe-container" data-src="https://app.hubspot.com/meetings/starchaptermeetings/starchapterdemo?embed=true"></div>

  <script src="https://fullstory.com/s/fs.js" crossorigin="anonymous" defer></script>

  <script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js" defer></script>

</div>

But this won't speed up the page, it will just prevent that script's loading from blocking the rendering of the page.

 

An important question to ask is why are you trying to speed up the page load?

Is it because Google says it's slow?

Or is it because the scripts are blocking the rendering of the page, aka making the pages unusable on first paint?

 

This comes up quite often here on the forum. Poke around a little and see what others have found:

- See what @stefen and @Jsum had to say here

View solution in original post

2 Replies 2
Highlighted
Community Manager

Hello @RebeccaCwick 

Thank you for the question!

Going to invite a few people to this conversation!

@Kevin-C , @Anton , do you guys have thoughts on this?

 

Thanks,

Dennis


We are excited to announce that the Community will be launching a weekly newsletter on November 2, 2020!
Sign up today!
Reply
0 Upvotes
Highlighted
Solution
Top Advisor | Partner

Thanks @dennisedson 

 

Hey @RebeccaCwick 

You can defer the scripts using the "defer" property:

<div class="meetings-iframe-container" data-src="https://app.hubspot.com/meetings/starchaptermeetings/starchapterdemo?embed=true"></div>

  <script src="https://fullstory.com/s/fs.js" crossorigin="anonymous" defer></script>

  <script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js" defer></script>

</div>

But this won't speed up the page, it will just prevent that script's loading from blocking the rendering of the page.

 

An important question to ask is why are you trying to speed up the page load?

Is it because Google says it's slow?

Or is it because the scripts are blocking the rendering of the page, aka making the pages unusable on first paint?

 

This comes up quite often here on the forum. Poke around a little and see what others have found:

- See what @stefen and @Jsum had to say here

View solution in original post