hi, i'm faceing issue with google page optimization. I've attached a list of errors when i test my website on google page insights. The scripts and template css is control by hubspot can anyone guide me on this how to improve . Thanks.
I tried searching up your issue and its solution. For now, I'm sharing with you the solution for Unused Js and Unused CSS.
Steps to remove unused CSS:
Open Chrome DevTools
Now open the command menu.
Now type "Coverage" and click on the "Show Coverage" option
Select a CSS file from the coverage tab that will under resources.
Now you see some colors besides your CSS codes. The notation of these colors is as follows:
Green: It means the code is executed.
Red: It means the code didn't execute.
Red and Green: If you see a combination of both red and green, it means some part of the code was executed.
Now you have to resolve the styles with the issue (that are not executed). Just remember if a style is unused on a single it does not mean that it's not used elsewhere. Thus, you need to audit your entire site and track of all the unused CSS.
The process for unused JS is somewhat similar to that of unused CSS.
I tried searching up your issue and its solution. For now, I'm sharing with you the solution for Unused Js and Unused CSS.
Steps to remove unused CSS:
Open Chrome DevTools
Now open the command menu.
Now type "Coverage" and click on the "Show Coverage" option
Select a CSS file from the coverage tab that will under resources.
Now you see some colors besides your CSS codes. The notation of these colors is as follows:
Green: It means the code is executed.
Red: It means the code didn't execute.
Red and Green: If you see a combination of both red and green, it means some part of the code was executed.
Now you have to resolve the styles with the issue (that are not executed). Just remember if a style is unused on a single it does not mean that it's not used elsewhere. Thus, you need to audit your entire site and track of all the unused CSS.
The process for unused JS is somewhat similar to that of unused CSS.
actually i don't have access to css files we bought the theme from hubspot marketplace and some files and js scripts are coming from hubspot. That's why i'm unable to do any fixes. Hubspot assets are impacting the performance of page. Font, css, js scripts all are serving from hubspot marketplace.
I especially want to highlight this resource which discusses HubSpot and site speed in great detail. Also, want to share this knowledge base article that outlines factors that can have an impact on loading times, and also it's worth reviewing this performance guide. If you're still seeing a long page load time after correcting the above items, you may need to work with your web developer to optimize your website.
I hope this helps
Thanks
Sharon
Did you know that the Community is available in other languages? Join regional conversations by changing your language settings !