How to increase the speed of the website to get good ranking in Google Speed Insights

Top Contributor | Partner

Hi fellow developers,  how we can increase the speed of the website to get good ranking in Google Speed Insights, 

On checkup how I can

1. Eliminate render-blocking resources

2. Minimize main-thread work

3. Reduce JavaScript execution time

 

Can anyone please help me to work on these points, what steps I need to follow to increase my webpage speed. any help would be appreciable.

 

Thanks

Reply
0 Upvotes
6 Replies 6
Community Manager

Hi @subin,

 

I wanted to share a few resources with you regarding how HubSpot can assist with these elements: 

 

1. site speed and performance: what you can do and how HubSpot helps

2. understand page load time for your site

 

There are also a lot of conversations on the Community regarding this: 

1. How to improve Google page speed with HubSpot CMS

cc @stefen 

2. How to improve poor landing page speed

 

Thank you,
Jenny


We are excited to announce that the Community will be launching a weekly newsletter on November 2, 2020!
Sign up today!
Regular Advisor | Partner

@subin make sure jquery is being loaded in the footer and the rest of the site's scripts are loaded using the require_js hubl function (this function automatically moves the scripts in the footer below jquery and prevents duplicate scripts from loading).

Stefen Phelps, Community Champion, Kelp Web Developer
Top Contributor | Partner

@stefen I have already added in this way. loaded each script on footer and add require_js on the custom modules, is there any other methods to follow??

 

thanks

Reply
0 Upvotes
Regular Advisor | Partner

@subin do the same thing with the CSS files. If the files aren't being minified, check for syntax errors by running the code through a linter. Of course, the best way to make things more performant is to remove code when possible.

Stefen Phelps, Community Champion, Kelp Web Developer
Top Contributor | Partner

@stefen What about the js and css that are loaded on the custom modules? the CSS that loading on the page is minified. is there any other methods to do to increase speed??

 

Thanks

Reply
0 Upvotes
Regular Advisor | Partner

@subin if you put them in the respectice places in the module editor, nothing to do there (besides refactoring your code) since that is taken care of automatically.

Stefen Phelps, Community Champion, Kelp Web Developer