Skip to main content

Hi everyone,

I’m integrating Calendly into my website to allow visitors to book appointments directly. I’ve used the embed code provided by Calendly, and it’s working fine. However, I’ve noticed a slight delay in page load times since adding the embed.

Here’s what I’m currently doing:

  1. Using the inline embed option to display the booking widget on a dedicated page.
  2. My website is built on WordPress, and I added the embed code using a custom HTML block.

The problem is:

  • Page load times have increased by about 1-2 seconds since embedding Calendly.
  • Tools like Google PageSpeed Insights are flagging external scripts as the cause.

I’d love advice on:

  1. Optimizing the Calendly embed for faster load times.
  2. Whether there’s a way to lazy-load the widget so it doesn’t affect initial page rendering.
  3. Any alternative methods for integrating Calendly that might perform better.

Thank you in advance for your help!

 Hi ​@Kimpollard! Thanks for reaching out

To ensure that the Calendly embed is loading as quickly as possible, there are a few steps that you can take:

  • Ensure that the key term async is on the Javascript link on the embed code.
    <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
  • Add the Javascript code to your HTML file directly before the closing </body> tag instead of loading it with the embed code. You can see details about this here in the section Optimize Javascript Placement.
    <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script></body>
     
  • If you are using a website builders (Squarespace, Shopify, Wordpress), they may have specific suggestion for you as well for improved performance, so I would suggest looking at the documentation for any tips they provide. 

Hope this helps - Let me know if you have any questions!


Reply