Critical CSS - Boost your page speed
Description
Highlights
About the Extension
Why should I care about critical CSS?
Shopware loads a bundle of all your storefront CSS in the <head> tag of every storefront web page. This causes a so-called render-blocking event, meaning the page takes longer to load, impacting your Google Web vitals score. Critical CSS tackles this issue in which it only loads the "above the fold" CSS in the <head> tag of your page and moves the rest of the CSS to the footer resulting in a faster page load and a higher Google Page Speed score.
Generate critical CSS and boost your page speed.
This plugin makes the generation of critical CSS for every CMS page of your site a breeze. We provide you with smart algorithms crawling your site and generating critical CSS where it matters.
This makes our plugin suitable for every Shopware 6 shop. From a small shop with just a couple pages to a giant with >100k pages.
Full automation or manual control
We are aware that your CSS is not changed every day. That's why we provide two ways of generating your critical CSS.
1. Manually via the administration: As an administrative user you have the ability to generate the critical CSS with the click of a button.
2. Via a bin/console command: Your developers can utilize a command which generates the critical CSS in a verbose or non-verbose way. This command can be run manually, but also integrated into an automated deployment flow or scheduler.
Requirements
The plugin requires the server to meet the Shopware 6 system requirements, with special attention to node and npm versions:
https://developer.shopware.com/docs/guides/installation/overview#system-requirements
Additional dependencies are required:
- libnss3
- libpangocairo-1.0-0
- libx11-xcb1
- libxcomposite1
- libxcursor1
- libxdamage1
- libxi6
- libxtst6
- libnss
- libcups2
- libxss1
- libxrandr2
- libgconf2-4
- libasound2
- libatk1.0-0
- libgtk-3-0
Want to learn more about critical CSS?
Find more information here https://web.dev/unused-css-rules
Contact
If something unexpected has happened or like to see an aspect of the extension changed or improved, contact us via the Shopware support portal by selecting the extension or by sending a message to support@diztech.nl. Be sure to include your current Shopware version and the version of the plugin you are using. To accelerate the support process, it's best to provide as much information as possible or provide us with access to your test environment. This way, we can reproduce the issue for ourselves and come up with a solution quicker.
About us
At DizTech, we have established our reputation by prioritizing quality and speed. Our focus has been on developing over 50 high-quality Shopware 6 extensions, which you can find below, leading to our recognition as a Shopware Premium Extension Partner. We deeply value the importance of providing personal and fast support whenever you need it, and we draw inspiration from you, our valued customers. This approach enables us to create extensions that are tailored to your needs as well as the needs of your customers. To get to know us better, please visit our website at https://www.diztech.nl.
Details
- Available: English, German, Dutch
- Latest update: 10 December 2024
- Publication date: 2 November 2021
- Version: 3.0.3
- Category: SEO Optimization
Resources
Reviews (0)
About the Extension Partner
DizTech BV.
Partner Status
-
Shopware
Premium Extension Partner
Details
- Ø-Rating: 4.7
- Partner since: 2018
- Extensions: 54
Support
- Based in: The Netherlands
- Speaks: German, English
- Response time: Very quickly