topic Re: Defer Scripts from Hubspot in APIs & Integrations

Defer Scripts from Hubspot

LBernardo86 — Fri, 12 Aug 2022 09:57:46 GMT

Hi!

Is there a way to defer these scripts from Hubspot? They seem to be slowing down the LCP by a lot. These scripts are from embedded youtube videos and the comment forms.

Re: Defer Scripts from Hubspot

Jaycee_Lewis — Fri, 12 Aug 2022 20:53:59 GMT

Hi, @LBernardo86 thanks for reaching out. I want to make sure you saw this post and this resource —optimizing your site for performance.

Hey @Indra @Anton do you have any thought on how @LBernardo86 can approach this challenge?

Thank you! — Jaycee

Re: Defer Scripts from Hubspot

LBernardo86 — Mon, 15 Aug 2022 02:02:44 GMT

Hi @Jaycee_Lewis, haven't had the chance to look at the links yet. Will check them out and see if they work.

Re: Defer Scripts from Hubspot

Anton — Mon, 15 Aug 2022 09:02:25 GMT

Hi @LBernardo86,

could you please provide a preview link?

How do you embed your scripts? in a "rich-text" or custom modules?

Defering the v2.js(form script) is - as far as I know - only possible with a custom solution and even then it is not guaranteed to work.

There are many ways how to create custom modules. Here are two

1. create a custom module with just form function - no real benefit in terms of performance

2. create a custom module and modify an embed code. It should look like this

Here's the code

{% require_head, defer=True %} {# will put the script to head-tag. Must be loaded before the second script! #} <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> {% end_require_head %} <script> hbspt.forms.create({ region: "na1", portalId: "{{ hub_id }}", formId: "{{ module.form_select.form_id }}" }); </script>

The best part about this is - you can almost completly modify the embed code to your needs with this documentation

Hope this helps.

best,

Anton

Re: Defer Scripts from Hubspot

LBernardo86 — Thu, 18 Aug 2022 06:10:47 GMT

@Anton I am using the drag and drop modules from hubspot. I did find a way to manually call the comment section. The only thing I am missing is the reply to comment functionality. I cannot find any posts here regarding that. could you point me to where I can find it?

Re: Defer Scripts from Hubspot

Anton — Thu, 18 Aug 2022 06:40:11 GMT

Hi @LBernardo86,

great!

Do I get it right that you'd like to have the comment function outside on a LCP/outside the blog?

If so you'll need to build/integrate something by yourself since HubSpot doesn't support comments outside of the blog by default.

A few easier 3rd party tools for this approach would be

Haven't really worked with them but it should be as easy as "copy/paste" some lines of code somewhere in HubSpot.

If you're talking about a blog - comments working only in post templates. This is the only (default) module you need

{% module "blog_comments" path="@hubspot/blog_comments" %}

everything else (comment form ...) should be loaded automatically.

Here's a screen of comment settings from a brand new blog and only changed the depth to 3

hope this helps,

best,

Anton

Re: Defer Scripts from Hubspot

LBernardo86 — Mon, 22 Aug 2022 08:56:40 GMT

Hi all, I was able to find a workaround regarding the forms in HubSpot. The next thing I wanted to see was where these facebook scripts are coming from? I couldn't find them anywhere where I put my scripts so I was wondering maybe they are injected from somewhere else?