Then identify the plugin that is not rendering the element as it should. To do this, right-click on the element that has broken and click Inspect Element in the browser context menu (for Chrome). The first step is to identify the CSS files that are causing problems. If things break when you minify your CSS files, then excluding certain CSS files from minification in the WP Rocket settings can help restore things. So, it’s recommended to keep this option unchecked.
This is especially true if your website uses the HTTP/2 connection that most websites do nowadays. The result is a smaller page size that may boost your performance score further but will most likely break things on your site. This setting combines all the CSS files on a page into a single file. If things break, you can uncheck this option or exclude certain CSS files from minification that I will discuss in a minute. Important: Once you minify your CSS files, you should check your website using incognito/private mode to ensure everything is working normally. which take into account CSS minification while grading web pages. While this alone may not help to speed up your page load times, it will boost your ‘performance score’ on speed test websites like GTmetrix, Pingdom, etc. This setting will minimize the size of your CSS files by removing the white spaces and comments in between the CSS files.
#WP ROCKET MINIFY HTML HOW TO#
Let’s first see how to optimize the CSS files before moving on to the JavaScript files. These settings will optimize your CSS and JavaScript files making them load faster. Now that we have tackled the Cache settings in WP Rocket, let’s move to the File Optimization settings. So, a cache lifespan of 12 to 24 hours will be ideal for the majority of websites.
#WP ROCKET MINIFY HTML UPDATE#
If you update your website only occasionally like once a week then you can even set the cache lifespan to 24 hours. Some shared hosts might disapprove of too frequent cache deletion. Ideally, this should be set to 12 hours since frequently deleting and rebuilding the website cache will increase the load on the host server.
Note: If you haven’t purchased WP Rocket yet, kindly consider buying the plugin using my affiliate link that will cost you no additional amount but will provide me a tiny commission and motivate me greatly to write more such WordPress guides for my readers.
#WP ROCKET MINIFY HTML FREE#
Since WP Rocket is a premium plugin without a free version, you will first need to purchase a valid license. If you want to boost your WordPress website speed but are still sitting on the fence, I can suggest only one thing: Get WP Rocket.Īfter all, its 202,000 customers can’t be wrong. This really means something as the Page Speed Insights tool is based on the Core Web Vitals metrics. I tested the homepage of PassionWP using Google’s Page Speed Insights tool and here is the result for mobile and desktop:Ī perfect 100 score for mobile as well as desktop. Before I deep dive into the actual configuration, I want to show what I have achieved on PassionWP using the same exact settings I have described in this tutorial. WP Rocket Settings: Summary Do these WP Rocket settings work?
0 kommentar(er)
