May 24, 2021 3:45 PM
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?
May 25, 2021 7:03 PM
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:
I hope that information helps.
May 26, 2021 9:40 AM
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?
May 28, 2021 4:11 AM
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.
May 28, 2021 6:49 AM
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.
Jun 8, 2021 4:41 AM - edited Jun 8, 2021 4:41 AM
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.