Speed of Forms loading

andrew19
Contributor

I had created a number of new pages for our series of videos and added  forms to collect user data. Then when using the HubSpot seo tool noticed that the speed performance of these pages was being significantly impaired. 


My initial thoughts was the performance issues was due to video's but on investigation found that it was the performance of the forms. It increases the Total Blocking Time (TBT) by 4 to 6 times.


I am using the standard forms module, has anyone seen this and how can I make them performant?

 

0 Upvotes
5 Replies 5
PamCotton
Community Manager

Hello @andrew19 ,  thank you for posting in our Community!

 

Wanted to share some possible causes outlined here.

Also, can you confirm that you've tried clearing the browser history, download history, and Cached images and files from All Time? If not, please try this and let me know how this goes.  Here are the steps for clearing your cookies and cache in Chrome.


Other steps for you to try:

  • Try Incognito Mode
  • Reset Browser Settings
  • Remove Incompatible Adds-on, Plugins, Extensions
  • Update/Reinstall Google Chrome

I hope that information helps.

 

Kindly,

Pam

Você sabia que a Comunidade está disponível em outros idiomas?
Participe de conversas regionais, alterando suas configurações de idioma !


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




andrew19
Contributor

Hi Pam

The issues are not within the browsers of my computer/s. The issues are being reported by the HubSpot SEO tool and by the Google PageSpeed Insights tool.

 

By removing the HubSpot Form from my video pages the speed index, for a mobile, jumps from 30 to ~60 it could still be improved but the Form has significantly impacted the page performance.

 

I have looked at the Knowledge article and had already set the video's not to autoplay.

 

There are other items detailed such as using SVG images. I have looked into this but when I convert my images to SVG they are not readable. So I am converting images to WEBP, which does, in the main, significantly reduce the sizes of the images and has provided some performance gains.

 

I have looked into different image formats for video thumbnails but you can only upload JPEG, GIF or PNG.

 

The critical issue I need to solve is the Form loading performance, which based on the tool's feedback is shocking.

Are their alternative Form modules, which resolve this?

Thanks

Andrew

0 Upvotes
webdew
Top Contributor | Diamond Partner

Hi @andrew19 ,

Do you know if you are looking at the SEO recommendations in HS or Google? I found this Google article which details the Total blocking time - https://web.dev/lighthouse-total-blocking-time

TBT measures the total amount of time that a page is blocked from responding to user input, such as mouse clicks, screen taps, or keyboard presses. Essentially this is a stat that tracks how much time it takes for the page to fully load.The more features that you add to your website such as form, more resources are required which can cause this loading time to increase.

 

Based on this explanation, it seems like Total Blocking Time is highly correlated with JavaScript performance (which is used by forms), and any improvements to JavaScript execution are likely to reduce your TBT. I've looked into this for you. Currently, there isn't a way to modify the HubSpot script that enables HubSpot features added to your site. If you want to improve your page load, you would need to improve the page's overall optimisation.  As per your page speed insights, I'd recommend working with a developer to find ways to optimise your other scripts loading on your page. You can access the learn more resource from web.dev here to explore ways to improve and optimise your scripts.To help you in this, I've attached some guides on how to optimize a user's sites for speed too using the features of the HubSpot CMS :

 

andrew19
Contributor

Hello Webdew

Thank you for your comprehensive answer, which details the problem exactly and confirms my thoughts that Forms do have a speed issue.

I am looking into other possible ways to improve the performance of my pages.

 

Critically, I have had to removed Forms from all my web pages and restrict them to only be used on our Landing pages, where apart from the Form they are very light and not much more I can do to improve their performance, other than restricting the number of collected fields on the Form.  

 

Your response does provide the technical answer to my question and clarifies the problem, but doesn't provide a resolution to the performance of the Forms. 

I will link your answer to the support ticket I have open with HubSpot and will keep you informed of the progress.

 

Thanks

Andrew

0 Upvotes
andrew19
Contributor

Hello Webdew

Thank you again for your answer.

 

I have followed up on my support ticket on the performance of the Forms and as per your notes, there is no option to improve these. I have been informed that the option available is you create an API Form as these, unlike the Standard Forms module, will not have a performance issue?

 

This however does mean I will need a developer to help with this.

Thanks

Andrew

0 Upvotes