Home / Shopware / Pagespeed optimization in Shopware 6

What is pagespeed and why is it important?

Pagespeed is a tool that is supported by Google to show the overall performance of a website. It controls the site for some of the best practice techniques in web development. Google is responsible for offering a reliable user experience.

It’s still unclear if tool ranking affects page visibility in the Google search algorithm. Although the performance of your website has an impact on the bounce rate and user experience. So a better ranking in the Page Speed tool is always a good goal you should aim for.

Various statistics have proven that rapid page speed can contribute to users staying on your page due to the pleasant experience, and proceeding to purchase your products. Even for end-users, when a page loads slow, there’s a high possibility for the customer to lose interest and exit your shop.

There are a handful of reasons and issues contributing to slow loading pages.

Images

Large format photos are becoming increasingly prominent due to the high demand for clear images. Large images will exhaust the server by taking a long time to load. In this case optimization of images needs to be done, in order to reduce the size format.

My way of fixing this issue is to access https://squoosh.app/ page, and optimize images to the point where quality is acceptable. Another good image optimization tip is to serve images as web picture (WebP), the advantages of using webp can be but are not limited to:

Plugins

Some plugins in Shopware 6 that are working can significantly reduce the page speed, so it is good to check plugins that are impacting your page. Usually, what needs to be done is to stop the plugins and later test the page speed once more.

CSS and JavaScript

For CSS and even JavaScript is better to get rid of unnecessary and repetitive code. By optimizing your code (including removing spaces, commas, and other unnecessary characters), you can dramatically increase your page speed. Other things to consider is to also remove code comments, formatting, and unused code.

A further issue that reduces page speed is page redirects. Redirects should be reduced or removed completely. Implementing a LazyLoading Plugin (in our Shopware projects I used and installed this one – https://store.shopware.com/en/ies5925329598866/lazy-loading.html). As long as the content of the web page could not be loaded because of various reasons, for e.g large image size that affect the page speed then the lazy loading plugin helps us to not load the page until the full content of the page is loaded.

In most cases, on mobiles devices the page speed is slower, since large images or CSS and JavaScript code is impacting the responsive part, thus taking longer for pages to load.

Squoosh

Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.

If you want to know more about e-commerce development platforms or apps, read our blog posts for Shopify and Shopware. Our dedicated outsourcing team can be your collaborator in ecommerce.

Arrange a free consultation now!