CSS merge and minification breaks the frontend. How to resolve?
When you enable CSS optimization, it is possible for the website layout (both front- and backend) to break. In order to resolve the issue, it's usually enough to redeploy the static content (php bin/magento setup:static-content:deploy).
In case it doesn't help, you may also remove the static content and disable static content signing with the following command:
php bin/magento config:set dev/static/sign 0 && rm -rf generated/* pub/static/* var/view_preprocessed/* && php bin/magento setup:static-content:deploy your_LOCALE
As a result, the layout should get back to normal. However, if the issue persists after completing these steps, feel free to contact us, and our Support Team will be glad to assist you.
Related Articles
What PageSpeed Insights metrics does Google Page Speed Optimizer cover?
The Google Page Speed Optimizer extension is designed to optimize images and code, which can help to improve certain PageSpeed Insights metrics and enhance the overall website performance. Our extension guarantees up to 97% rating if the fast server ...How to optimize images using Google Page Speed Optimizer extension?
In order to optimize images using Google Page Speed Optimizer extension, first, you need to create WebP copies and make sure they are displayed on the frontend. Please follow the steps below to create WebP copies of the images. Step 1. In Amasty → ...How to optimize JS with the Google Page Speed Optimizer extension?
To optimize JS with the Google Page Speed Optimizer extension, please follow the steps below. Step 1. Transfer Magento to the Production mode. It can be done with the next command from the root Magento folder: php bin/magento deploy:mode:set ...What features are included in each tariff plan of Google Page Speed Optimizer?
LITE Features: - images preloading feature; - jQuery, Native JavaScript, Vanilla, and Lozad lazy scripts; - custom lazy load strategy for specific pages (home, category, product, and CMS pages). Google metric covered: Defer offscreen images PRO Lite ...What is the difference between Lazy Load and Google Page Speed Optimizer extensions?
There are two landing pages created for marketing purposes: Lazy Load and Google Page Speed Optimizer. However, both landing pages represent the same extension. Regardless of the landing page, there are three optimizer versions that we offer: Google ...
Announcements
⚡ Have you enlarged the functionality of the Amasty extension with your own code? Share your improvements with us!
At Amasty, we understand that some of our clients require customized features to perfectly align the extension with their business needs. If you have developed new functionality within an Amasty module and would like to share it, please submit a ticket