Google PageSpeed Insights Tool Will Optimize Site Images, CSS & JavaScript for Webmasters to Download

Google has quietly launched a new feature in this month in their PageSpeed Insights Tool – the ability to download optimized images, CSS and JavaScript.

This “Download optimized image, JavaScript and CSS resources for this page” was likely added as part of Google’s push for getting the web mobile friendly. They have their new mobile ranking signal coming into effect next month for all searches done on a mobile device, and site speed is one piece of the puzzle that Google looks at when determining if a webpage is mobile friendly or not.

When Google optimizes the elements it looks at images, JavaScript, and CSS. It alerts the user to which specific things are not optimized and suggests what should be done to them and what percentage of the file would be reduced by doing so.

When you click on the download link, Google will optimize the elements and create a zip file you can download that contains all the elements in it, each type in its own folder.

Now, optimized images are pretty self-explanatory. But if you aren’t tech savvy when it comes to either CSS or JavaScript, you probably want to have the developer of a look at it to ensure it won’t break anything if you implement it, or at the very least backup all the files before you upload the Google optimized versions.

If your site has major optimization issues, you will need to run this in a few steps, correcting the issues as you go along, as Google will only include up to 10MB of optimized contents in each download.

Of course, you do want to take this with a grain of salt. Perhaps you don’t want to reduce the images to the suggested 150×150 pixel size that Google is using for optimization purposes. Generally it’s safe to have your images be larger than that, as long as you aren’t going overboard and serving up 1200 pixel wide images to mobile users, as that does add unnecessary bloat and reduces the page load speed.  That said, if there are other page speed issues, this can be an easier way to lower the page speed.

This is a great addition to the page speed insights, especially for those who might not have the necessary knowledge of how they can reduce the size and bloat in some of these elements. I do stress again that you will want to back up all the files you are planning on changing with Google’s new optimized ones, that way you can upload the old version if something goes awry.

To use, simply go to the PageSpeed Insights Page in the Google Developers section (it isn’t in your Google Webmaster Tools account, if you are looking for it there, like I always seem to).  Enter your URL, click the Analyze button and Google will check the page speed and recommend the changes you should make to speed up load time.

The following two tabs change content below.

• Bio
• Latest Posts

Jennifer Slegg

Founder & Editor at The SEM Post

Jennifer Slegg is a longtime speaker and expert in search engine marketing. When she isn't sitting at her desk writing and working, she can be found grabbing a latte at her local Starbucks or planning her next trip to Disneyland. She regularly speaks at Pubcon, SMX, ClickZ and more, and has been presenting at conferences for over a decade.

Latest posts by Jennifer Slegg (see all)

• Google Testing “Near City” in Local 3-Pack - September 27, 2016
• Use Google Disavow Like Before, No Changes With Real Time Penguin - September 26, 2016
• No Changes to Link Related Manual Actions with Penguin Real Time Launch - September 26, 2016
• Google Launches Real-Time Penguin 4.0: All The Changes & Details - September 23, 2016
• Google Testing Individual Hotel Booking Block at Top of Search Results - September 22, 2016