How can I optimize my HubSpot site for Google PageSpeed Insights?

Last updated: May 10, 2017

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

Google's PageSpeed Insights tool offers suggestions for improving your page load speed. Here is some information about a few common suggestions from the PageSpeed Insights tool:

Optimize images

HubSpot's file manager will automatically resize images on your website to decrease page load time and increase your Google PageSpeed score. If you are seeing any warnings regarding images, check with your designer to see if you are using any background images that are being loaded initially at a large natural size. It may be a good idea to upload those images to HubSpot at a smaller size for use in your designs.

Eliminate render-blocking JavaScript and CSS in above-the-fold content

It is currently not possible to modify how most of HubSpot's default JavaScript and CSS files are rendered for your pages. These files are pulled into your template through the required {{ standard_header_includes }} tag, which is required for your templates. For example, the layout.css file is required for drag and drop templates and is responsible for styling HubSpot's responsive grid. These files cannot be adjusted to load asynchronously and the contents of these files cannot be added inline. Read more about these files here.


Google mentions that the PageSpeed Insights tool's recommendations are "biased in favor of speed" and that "you need to evaluate the cost of making changes vs. the benefit the rule would have on your page." It is also important to consider the experience of your visitors when making any changes to your website. For more recommendations for improving your page load speed in HubSpot, please see this article. Additionally, if you are interested in improving your load time for your blog on mobile, please see this article about using Accelerated Mobile Pages (AMP) in HubSpot. 

Was this article helpful?