Before that, it is important to disclose that we are using WP Rocket for WP Maven. With proper optimization, you can shave off a large portion of the loading delay and make your website loads super fast.
Here's how fast the website is loading right now (link to Pingdom score).
Here's our website setup:
This "how to setup WP Rocket plugin correctly" tutorial is lengthy. Here's the table of content.
In order to set up WP Rocket plugin properly, you need to understand how it works (at least, the very basic).
What is WP Rocket?
WP Rocket is a premium cache plugin for WordPress websites. With proper configuration, it helps to speed up WordPress loading speed with no coding skills required. WP Rocket works well with major web hosting companies, including Kinsta hosting. Learn more about WP Rocket here.
Once you had purchased WP Rocket, download the WP Rocket plugin to your local device. Next, head over to WordPress backend » Plugins » Add New to install WP Rocket.
There are some quick actions buttons on the right screen which you can use at a later stage (only after you setup WP Rocket).
There are three sections to this part of the WP Rocket setting—mobile cache, user cache, and cache lifespan.
There are two options and you should only turn on Enable cache for mobile devices. The second option (separate cache files for mobile devices) is not required for most WordPress websites.
This option (enable caching for logged-in WordPress users) is not required for most websites. However, if you are running an online course or a membership site with restricted content, you should enable this option.
12 hours works best for us, and you should only reduce to 10 hours if you are experiencing website loading issues (not displaying the latest version etc.).
Press Save Changes to have all the 3 settings saved up.
WP Rocket offers 4 different controls for media hosting—lazy load, emoji, embedded, and WebP compatibility.
The screenshow above shows you the best way to enable LazyLoad in WP Rocket. You would see three options, and you should enable them all.
Emoji and embeds can severely slow down WordPress loading speed if they are not configured properly. We recommend you to disable both Emoji and WordPress embeds to make the best out of WP Rocket (and to make WordPress faster).
WebP is the next-gen image format and it is compatible with WP Rocket. You should enable this option (tick it) but if you are using image optimizer plugins such as Imagify as we do, then you can skip this part.
Pre-loading is a method to speed up WordPress site by preloading static contents.
When you enable preloading WP Rocket will generate the cache starting with the links on your homepage followed by the sitemaps you specify. Preloading is automatically triggered when you add or update content and can also be manually triggered from the admin bar or from the WP Rocket Dashboard.
For these options, we recommend you to enable all the 3 options to setup preloading properly.
Apart from that, there are two additional preloading features that you can consider activating. Of course, you can leave them blank if you are unsure what to key in.
For sitemap preloading, input the full sitemap URL for your site. We use https://wpmaven.net/sitemaps.xml and yours would be like https://domain.com/[sitemap URL].
For prefetch DNS request, we configure WP Rocket to prefetch static pages such as our homepage and blog archive. Remember not to use http or https in the column. We use //wpmaven.net and //wpmaven.net/blog/.
Advance rules are meant for advanced users only. If you have no idea what you should do with these settings, leave them as default to be safe.
If you are feeling adventurous and want to dip your toes into the water, here are the basic settings you can consider using.
We set up WP Rocket to ignore cache for our WordPress admin (wp-admin) and use (*) as a wild card. We are in the midst of upgrading our WordPress resources page and therefore, we exclude that page for the cache.
There are other options such as never cache cookies, never cache user agents etc. and you should ignore them (leave them as what they are).
The second last part of this WP Rocket configuration tutorial involves optimizing the WordPress database. Here's what it looks like once the database optimization had been set up properly.
There are several parts to this feature.
✔️ Post Cleanup. Enable Revision and Trashed Posts.
✔️ Comments Cleanup. Enable Spam Comments and Trashed Comments.
✔️ Transients Cleanup. Enable Trashed Transients and All Transients.
✔️ Database Cleanup. Enable Optimized Tables.
✔️ Automatic Cleanup. Enable Schedule Automatic Cleanup and set to Daily intervals.
Once all of these are done, click on Save Settings and WP Rocket will run the database optimization in the background.
Last but not least, WP Rocket cache plugin is compatible with most content delivery network (CDN) services. You should only enable this option if your web hosting solution is not integrated directly with any CDN.
This section is a bonus for you. WP Rocket also integrates well with 3rd party tools, such as WordPress security expert Sucuri, and Google Tracking.
If you have them running on your WordPress site, click on the On status to enable automatic optimization by WP Rocket.
Phew! This is a long WP Rocket configuration guide. But hey, the above answers "how to setup WP Rocket."
We hope you find this tutorial on setting up WP Rocket useful and we certainly looking forward to you to achieve faster WordPress loading speed!
If you need any help, leave us a comment here or contact us directly!
Not sure if WP Rocket is right for you? Click here to learn more about WP Rocket!