Edge Module

PageSpeed

Open-source module to optimize websites on the fly.

Talk to a Developer

Use the PageSpeed module to optimize images, minify CSS and reduce front-end load time.

Front-end optimization is an important element of application performance. Most web apps spend 80% or more of their load time on front-end elements. The PageSpeed module brings many front-end optimizations into one tool so you can easily turn on and off the ones that work for your application - the filters you choose will be implemented on the fly as your traffic passes through Section. 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 optimized caching setup
  • Shortened round trip time
  • Minimized payload size
  • Optimized browser rendering

Image Optimization

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 resize 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.

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

image size reduction

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 converts meta tags, rewrites style attributes, makes images responsive, and enables inline preview of images. View more of PageSpeed’s Browser Rendering Optimization features.

Achieve the best total page load time with Section

By combining Section’s Edge Compute Platform and Varnish Cache with the PageSpeed module, you’ll get the best of both back-end and front-end optimizations. The Edge Compute Platform 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 the PageSpeed module improves browser caching, optimizes images, minifies CSS, and performs other actions to improve browser rendering and reduce front-end load time.

Read to jump in?

Contact us to get a 14-day free trial of PageSpeed running on Section.