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:show dev/static/sign 0 && rm -rf generated/* pub/static/* var/view_preprocessed/* && php bin/magento setup:static-content:deploy your_LOCALEAs 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
How to optimize JS with the Google Page Speed Optimizer extension?
To optimize JS with the Google Page Speed Optimizer extension, please follow the next steps: 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 ...What optimizer settings do I use for images, if I have both the Jet Theme and the Google Page Speed Optimizer module?
The Image Optimizer inside Jet Theme is a Lite version of any optimizer-type modules. So, considering you have the Google Page Speed Optimizer extension, it leads over the optimizer settings inside the Jet Theme. If you have already installed, ...Is Google Page Speed Optimizer extension compatible with Fastly CDN?
Yes, the extension is compatible with Fastly considering that the core of Fastly is Varnish, and Google Page Speed Optimizer module can handle Varnish cache. However, in case you encounter any issues that you believe might be related to Fastly, ...
Announcements
Already Done in Q2'22
Brand-new extensions Google Page Speed Optimizer Powered by SpeedSize™ is a synergy of Amasty Google Page Speed Optimizer and SpeedSize, which will help you greatly increase the site performance due to code structure compression and neuroscience mediaWhat to expect in Q2'22
Amasty always strives to deliver new functionality in accordance with the most popular customers’ requests and e-commerce trends. In this article, we'll share our plans on new extensions, improvements, fixes, and other releases the team intends to beMarch'22 results
New Solutions In March, the team presented two new suites that combine features of top Amasty extensions and are attractive price-wise: Must-Haves Suite. Don't know how to grow your business or what to start with? Get our must-have set of features forFebruary'22 results
Time to check the results of February! It's been a tough end to the month, but let's digress a bit and check out what the team has done. Extensions updates. Besides technical fixes, February was rich in new features and improvements: JetJanuary'22 results
Can't help but start with the biggest news of the past month: Amasty switched to Product Subscriptions. It means that all extensions can now be acquired by subscription only. The initially purchased code of the module is still available in the customer