Front End Optimization with Google's PageSpeed

Use Google’s PageSpeed module to optimize images, minify CSS and reduce front end load time.


Front end optimization is an important element of website performance: Most websites spend 80% or more of their load time on front end elements. This module, created by Google, brings many front end optimizations into one tool so you can easily turn on and off the ones that work for your website - the filters you choose will be implemented on-the-fly as your traffic passes through section.io. This means customers see pages earlier, browsers draw the page more quickly, and users can more freely interact with your pages. Other benefits include:

  • Further optimize caching setup.
  • Shorten round-trip time.
  • Minimize payload size.
  • Optimize browser rendering.
pagespeed

Image Optimization

merrell-pagespeed

Image Optimization for web is one of the most important elements of FEO: having large image files or a high number of individual images can significantly impact load times, and un-rendered images result in poor user experience. PageSpeed optimizes all common image file types by compressing them so that visitors receive images that work best with their device type and browser.

PageSpeed can also re-size images on the fly to match HTML sizing, change the image file type if necessary, extend image caching, and inline images directly into the HTML or CSS, which reduces the number of server requests.

Too see how PageSpeed can reduce image sizes by 50% or more, visit the Image Optimization page in their docs.

Improved Browser Rendering

The way content is rendered in a user’s browser can lengthen front end load times. PageSpeed offers several browser rendering optimizations that ensure that the most important content is loaded first. Lazy-loading of images delays the loading of images below-the-fold until content above-the-fold and other critical resources have been rendered.

PageSpeed also enables JavaScript deferral, which holds back JavaScript from executing until the page has loaded. For sites with many JavaScript snippets which do not need to be loaded before other content, this can dramatically improve page load time.

PageSpeed also converts meta-tags, rewrites style attributes, makes images responsive, and enables inline preview of images. View more of PageSpeed’s Browser Rendering Optimization features.

Get the best total page load time with section.io

By combining section.io’s Content Delivery Grid and Varnish Cache with the PageSpeed module you’ll get the best of both backend and front end optimizations. The Content Delivery Grid delivers content to your end-users from the servers closest to them, Varnish Cache allows websites to cache static content, dynamic content and HTML documents, and Google’s PageSpeed module improves browser caching, optimizes images, minifies CSS, and performs other actions to improve browser rendering and reduce front end load time.

The PageSpeed module is available as part of section.io’s Max Plan. Contact us to learn more or get started yourself.



All Front End Optimization Features


Contact Us

Contact us to get a 14 day free trial of section.io's Content Delivery Grid and PageSpeed.