Blog, Website & Page Publishing

BChaudhary
Membro

Google Page Insights Optimization

resolver

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 Avaliação positiva
1 Solução aceita
himanshurauthan
Solução
Autoridade no assunto | Parceiro Elite
Autoridade no assunto | Parceiro Elite

Google Page Insights Optimization

resolver

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

Exibir solução no post original

3 Respostas 3
himanshurauthan
Solução
Autoridade no assunto | Parceiro Elite
Autoridade no assunto | Parceiro Elite

Google Page Insights Optimization

resolver

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
BChaudhary
Membro

Google Page Insights Optimization

resolver

hi @himanshurauthan 

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.

0 Avaliação positiva
sharonlicari
Gerente da Comunidade
Gerente da Comunidade

Google Page Insights Optimization

resolver

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


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