Front-end optimization with the open-source module initially developed by Google 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, 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 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 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.
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 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.
All FEO Features
Read to jump in?
Contact us to get a 14-day free trial of PageSpeed running on Section.