Leap streamlines your website speed optimization with one single tool. Ezoic’s Leap does the work of multiple plugins and includes the following 18 features (more are being added all the time!):
Remove Unused CSS: Removes any CSS that is not used by the current page and serves a minified version of the CSS that is unused resulting in smaller page sizes and faster loading.
Remove Unused CSS by Page: Removes any CSS classes that are not used on each individual URL, and serves a minified version of the CSS that is used on that URL. (Remove Unused CSS function must be enabled to also use this function).
WARNING: While this should increase your site speed score, this may cause your site to be slower for actual users if most pages use the same set of CSS. This happens because the user has to download a new file for each page that they visit.
Optimize Fonts: Fonts declared in the inline stylesheet are optimized to prevent flashes as fonts are loaded, and multiple font API calls are wrapped into one request.
Preload Fonts: Preload fonts found in external CSS files so that they are ready to be displayed more quickly without blocking page rendering. You should consider using this setting if Pagespeed Insights suggests to 'Preload Key Requests' with font files as the resources to be preloaded.
1. Lazy Loading of Images: helps your site load faster by only loading images when the user will actually see them. The images lower on the page load as the user scrolls down. The only images that will load immediately are those shown on the first screen, not the images lower on the page. (This feature is required to be turned on when using Next-Gen Formats and Resize Images features)
2. Next-Gen Formats: In supported browsers, this feature will serve images in WebP format - a new image format designed to have a smaller file size
3. Resize Images: Automatically resizes images on your page based on the user's screen size to minimize transfer times while maintaining image quality.
4. Preload Background Images: Add preload tags for background images defined in inline stylesheets. Background images are not loaded until all stylesheets have been processed, so this feature should speed up the loading of large images defined as backgrounds.
Efficient Static Cache Policy
This feature tells the browser to cache your static assets which can increase your site's speed because the user doesn't have to download those assets more than once. This feature will set the caching header on your assets to an appropriate length of time. The available static assets that can be cached are:
Pre-connect Origins: Parses your page to identify other domains you are requesting assets from. It then adds tags to tell the browser to pre-connect to those domains to speed up loading of those assets.
2. Minify CSS: Remove unnecessary whitespace, comments, and characters from the CSS files to minimize CSS payload size, reducing the time to send the file to the user.
3. Minify HTML: Remove unnecessary whitespace, attributes comments and characters from the HTML to minimize page size, reducing the time to send the page to the user.
Note that you have the option to 'keep' certain HTML from being minified.
a. Keep IE Conditional Comments: Preserve IE conditional comments in the HTML.
b. Keep Default Attribute Values: Preserve default attributes for tag.
c. Keep End Tags: Preserve end tags.
e. Keep Whitespace: Preserve whitespace between inline tags but still collapse multiple whitespace characters into a single whitespace character.
You can also set script delay URL rules as follows. If you want to exclude certain URLs from script delay you can do this using 'no defer' parameters in your code. Here's some info on how to implement them:
Alternatively you can set 'URL Rules' to exclude 'Script Delay' from being applied to specific scripts, pages or directories on your site:
Unsure which scripts need to be excluded? You can use the 'Find Delayed Scripts' feature to identify the right combination of scripts to exclude.
Start by toggling all scripts to 'no' and then use process of elimination to work out which scripts can safely be delayed ('yes') without affecting functionality. Note that more than one script will often need to be excluded ('no') before you land on the winning combination!
You can also set lazy load iframe URL rules.
With these features, your users will be able to interact with your pages significantly faster, while less essential elements load in the background. To implement, you should load up Leap and generate a version.