PrestaShop & WebP

WebP is an image compression format developed by Google. WebP with a smaller size up to 85% maintains comparable image quality with the JPEG format. This format is promoted by Google and is increasingly used on the Internet. By using the WebP format you will achieve higher results in Google Page Speed, Lighthouse and GTMetrix.

Convert product photos to WebP format

Our module will optimize all graphics in your store. This will have a positive effect on the loading speed, server performance, results in performance tests and user experience while surfing your store.

We used (2021) latest available technologies to optimize photos for the internet browsers. Our module will save a huge amount of data, will not overload your server and will shorten the load time on mobile devices and computers.

The module converts to WebP all photos in your store:

• Product photos, photos on product lists and product descriptions
• Pictures on CMS pages, home page, contact page, etc.
• Photos displayed by external modules such as blogs, albums and galleries, banners and sliders.

Module will start generating graphics in the WebP format in the background when they are first loaded by your customers' browsers. Thanks to this, the module does not overload server with long-term operations in the process of generating WebP and during their future use.

1. All new photos you upload in JPEG or PNG will be converted to WebP on the fly.
2. All photos already in your store will be converted to WebP on they first load.

The module detects newly added products, changes in products photos and deletion of photos and takes care of order in the graphics files on the server. 

PrestaShop & Lazy Load

To reduce the time to full interactivity of the website you will be able to take advantage of lazy loading. This ensures that all key assets will be loaded first, and then images outside of the visible screen. Images outside of the screen will not be loaded until the user scrolls to them and sees them on the screen. Thanks to this, you will increase the speed to full interactivity and reduce data transmission for mobile devices with an Internet limit or a slow connection. Thanks to the module, the server will not load items that the client will not scroll to see.

While loading, the picture objects keep their original size. The module does not generate page jumps during its loading and does not show show another graphics. Tests prove that empty, white spaces look good, do not distract the buyer and reduce bounce rates.

SEO friendly

Your pictures will be visible to internet robots. URL links to photos and images are still in the code of the page even if images are not loaded by broweser. Our module has been prepared in accordance with good SEO practices according to Google guidelines and will positively affect the results of Google Page Speed, Lighthouse and GTMetrix tests of your PrestaShop store.

Install and use

Install the module and enable conversions to WebP and Lazy Load formats. The module does not require complicated configuration. We have fully automated the operation of solutions optimizing graphics and photos for eCommerce.

Maximum acceleration thanks to modern solutions

Rys. 1 Results proof for Google Page Speed Desktop test after module installation. The results achieved depend on many variables, including server performance and load, as well as the optimization of the core and PrestaShop modules.

Server library for handling WebP. In order for our module and conversion to WebP to work efficiently and as quickly as possible, one of the following extensions must be installed on your server. Make sure your hosting supports any of these:

• cwebp
• ffmpeg
• vips
• imagick
• gmagick
• imagickbinary
• gmagickbinary
• gd

Type of server. The module works with any Apache server. To support other web servers (e.g. nginx), you should translate commands in the .htaccess file generated by our module and adjust them to the configuration of your server. You can order this service after purchasing the module by opening a request at helpdesk.prestashow.pl.

Additional requirements. The module requires Friendly URLs to work.

WebP is supported by the following browsers: Google Chrome, Firefox, Opera, Edge, GNOME Web, Midori, Falkon, Pale Moon and Waterfox.

If the client's browser does not support the WebP format, the module will display original jpeg / png images.

CloudFlare making no problems in cooperation with our module.

In the photo gallery you will find a comparison of Google Page Speed ​​results before and after module installation.