M2 Page Speed

M2 Page Speed
$79.00

Availability: In stock

A website speed is a direct way to get a higher ranking. Customers prefer shopping in a store with fast loading speed. Thus, the reason for all-round use of Magento 2 speed optimization tool is common sense.

If you're not satisfied with the current performance of your website or want to speed it up, we offer to use our Magento 2 speed extension.

The less your visitors wait for the page loading, the faster they start shopping. The primary task of the Page Speed module is to help you to reduce server response time required to load images or HTML document. The extension provides your site with advanced approaches like:

  • JavaScript, CSS, HTML minification
  • Innovative Js bundling method
  • CSS delivery optimization
  • Prioritizing visible content
  • Catalog images compression
  • Automating image optimization via cron jobs
  • Lazy loading images technique
  • Adding expires headers
  • DNS-prefetch
  • WebP images support
  • Responsive images technique
  • HTTP/2 push server preload

You can start testing pagespeed issues in Magento 2 speed up developer mode. Our module also includes the Analyze config to help you test page speed score directly from the backend

Extension Demo

Extension approved on Magento Marketplace

Details

Take advantage of Gzip compression

One of starting points in website speed optimization is the Gzip compression. It is used for compressing resources to reduce their transfer size. Our module supports Test gzip compression. If the results show your store still need the gzip compression, you have to enable that on your web server. Page Speed provides the examples of enabling compression both for Apache and Nginx.

Minify Javascript files to speed up execution time

By compacting JavaScript code you will save many bytes of data as well as speed up downloading, parsing, and execution time. The results of this kind of compression are expected to be about 20-30%. Via Page Speed configuration settings you could merge javascript files, enable javascript bundling and minify javascript files. The module also allows removing render-blocking javascript.

Minify HTML to reduce download and parse times

It’s proved that CSS and Javascript minification achieved a 21% size reduction. By compacting HTML code, including any inline JavaScript and CSS contained in it, you can save many bytes of data and speed your web pages loading. With Page Speed setting you could enable a minification both to Js and CSS content as well minify the templates.

Minify CSS to improve your page load performance

CSS minification leads to a very lightweight version of your CSS, and as a consequence to faster page load speed. By compacting CSS code you will speed up download time and improve the website performance. With Page Speed settings you could merge CSS files, minify CSS files, and optimize CSS delivery by enabling LoadCss js library.

Prioritize the critical CSS to render your site fast

Prioritizing visible content is about reducing the size of the above-the-fold content. Only about 7% of the final above-the-fold content could be rendered with the full HTML response. So, you have to structure your HTML to load the critical first. Using the Magento 2 Page Speed module's settings you are able to set generated critical CSS to render above-the-fold content by including it directly in the HTML response.

Optimize images for page speed

The module equips your store with various performance image optimization tricks to help you avoid page overload with heavy images. To prevent the browser from loading images until those ones are in the browser's viewport, you can use lazy loader for images. The module provides custom configuration options such as auto specify image dimensions, offset, placeholder field, and offset for mobile devices.

Decrease load times for returning visitors

Nowadays the websites might have 50+ files per page to transfer. To prevent a huge server load increase, you have to create a request to every file. The constant downloading the same file leads to the wasting of precious load time. Page Speed module allows adding Expires Headers that helps to reduce the number of HTTP requests for the server. And, consequently, it reduces the time the server requires to connect with the browser. That also allows the returning visitors to reuse the cache files that have been stored in the browser to reduce the number of files they need to download.

Speed up web pages by pre-resolving DNS

The rel="dns-prefetch" is used in the head of an HTML document. DNS prefetching basically gives you a control over how your web page loads. It looks like a hint to the browser how to look up the IP address for a domain name or URL that your customers enter in a browser. If your page resources are found on four domains, then you will have at a minimum of 4 DNS lookups, and so on. Page Speed module follows the best practice of minimizing DNS requests. It enables the "dns-prefetch" to accelerate the web pages load when they use different domains for page resources.

Provide users with WebP optimized images

The WebP algorithm is about reducing image file size while maintaining the same quality. It offers better-optimized compression than JPG and PNG. And, WebP files have the same transparency, like PNG or GIF images. The Page Speed module supports WebP image detecting and generating in your site. As a result, you get faster load times by reduced data as well as optimized performance and improved user experience.

Optimize image delivery to different devices

The Page Speed extension provides the advanced image processing settings that help you to generate responsive images and specify the default responsive images' sizes. Responsive support feature delivers images appropriately sized for the viewport. With the module you help the browser serve different images and load the best image size on a particular device.

Reduce page rendering time via Server Push

HTTP/2 push server preload is a new feature of Page Speed module. It is about sending assets to a browser without waiting for customer request. It looks like we send content in advance which the user needs for the requested page. As a result, the browser starts rendering the page much faster, and your visitors get the information straight away.

Control font performance with font-display

Now lots of websites use custom fonts, and a browser must spend some time downloading it. It makes the rendering speed of pages slower. The module has added font-display: swap property. It determines how a font file is loaded and displayed by the browser. Then it directs a browser to use the fallback font to show the text until the custom font has fully downloaded.

Additional Information

Magento Community edition Magento Community 2.4.6, Magento Community 2.4.5, Magento Community 2.4.4, Magento Community 2.4.3, Magento Community 2.4.2, Magento Community 2.4.1, Magento Community 2.4.0, Magento Community 2.3.7, Magento Community 2.3.6, Magento Community 2.3.5, Magento Community 2.3.4, Magento Community 2.3.3, Magento Community 2.3.2, Magento Community 2.3.1, Magento Community 2.3.0
Magento Enterprise edition Adobe Commerce 2.4.x, Adobe Commerce 2.3.x, EE 2.2.x, EE 2.1.x
Installation instructions and manuals
Locales English
Reviews

Customer Reviews

So many included options Review by Kelly Rd.
Support
Quality
Features
The module brings benefits in page speed. It's quite easy to apply the module techniques. And I’d like to thank the support team. They help in time (Posted on 8/14/2021)
Awesome support Review by 420
Features
Support
Quality
Have been using Swissuplabs themes and extensions for years. The support is absolutely awesome!

The page speed module really helped speed up my Magento 2 store. (Posted on 8/27/2020)