Google Page Insights Optimization

SOLVE
BChaudhary
Member

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.

BChaudhary_0-1610183471909.png

BChaudhary_1-1610183552438.pngBChaudhary_2-1610183583516.png

 

0 Upvotes
1 Accepted solution

Accepted Solutions
himanshurauthan
Solution
Key Advisor | Gold Partner

Hi @BChaudhary,

 

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.

 

himanshurauthan_1-1610436112887.png

 

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.

 

Here is the complete article by Chrome DevTools:

 

https://developers.google.com/web/tools/chrome-devtools/coverage#:~:text=Find%20Unused%20JavaScript%...

 

I hope this will help.

 

Regards,

Himanshu Rauthan

Digital Marketing & Inbound Expert In Growth Hacking Technology

View solution in original post

2 Replies 2
sharonlicari
Community Manager

Hi @BChaudhary 

 

Welcome to the Community!

 

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


¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

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


himanshurauthan
Solution
Key Advisor | Gold Partner

Hi @BChaudhary,

 

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.

 

himanshurauthan_1-1610436112887.png

 

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.

 

Here is the complete article by Chrome DevTools:

 

https://developers.google.com/web/tools/chrome-devtools/coverage#:~:text=Find%20Unused%20JavaScript%...

 

I hope this will help.

 

Regards,

Himanshu Rauthan

Digital Marketing & Inbound Expert In Growth Hacking Technology

View solution in original post