How To Speed Up Your Elementor Using Wp Rocket

How To Speed Up Your Elementor Using Wp Rocket 2022 [Updated]

Wp Rocket is one of the best and most powerful cache plugins, developed by RocketTheme. Wp Rocket makes your site more SEO friendly and works a lot faster, it accelerates your website as well as saves bandwidth, without affecting your site’s performance or looks. Here is the tutorial to speed up your Elementor using Wp Rocket.

In this guide, I will share with you some of my recommendations for optimizing your Elementor Using Wp Rocket.

 

Setting up Elementor Using Wp Rocket

How To Speed Up Your Elementor Using Wp Rocket
First, go to WP Rocket and sign up for a free trial. Click on the ‘Get Started’ button and install the plugin on your website. After installing it, you will be redirected to the settings page of WP Rocket where you can configure its settings according to your needs. You can set up WP Rocket using the default settings or customize them according to your preference.

Once you have configured all the settings, click on the ‘Activate’ button at the bottom of the page to activate it for your website

Enable Caching

The first thing you need to do is go into your options and make sure that caching is enabled:

Click on Site Settings and then select Performance:

Check Enable Page Cache and hit Save Changes at the bottom

  • Mobile caching: Speed up elementor site for your mobile visitors.
  • Enable caching for mobile devices: Enabled, always.
  • User cache: Enable if you have a login area that is not a problem.
  • Cache cleanup time: Enter 0 or 10. Test with ‘0’ first, and if everything works fine, keep this value

File Optimization

For optimal file optimization, enable minify CSS and JS in the WP Rocket settings. However, it’s important to note that you should only enable combine CSS/JS for small-sized CSS/JS files. Optimizing CSS delivery can cause layout shifts (you will need to test this) and everything else should be enabled including removing unused CSS, load JavaScript deferred, and delaying JavaScript execution. You should ideally test each setting individually while measuring results in Lighthouse or GTmetrix.

CSS Optimize

Minify CSS/JS Files – Minify code by removing whitespace from it. If you’re using a CDN that supports minification, it’s faster to minify with it and disable it in WP Rocket.

Combine CSS/JS Files – According to WP Johnny, if your CSS or JS file is under 10KB, you should usually combine. If it’s over 10KB, you shouldn’t. Combining CSS + JavaScript files can also cause issues when using HTTP/2 and HTTP/3 servers.

Exclude CSS/JS Files – If a minification breaks your website layout, view your source code and add the problematic file. See WP Rocket’s post on resolving minification issues.

JavaScript Optimize

One of the best ways to eliminate render-blocking resources (in PSI) is to use the load JavaScript Deferred method, which loads JavaScript after the page has finished rendering. If you still see render-blocking issues, try installing Autoptimize and Async JavaScript on top of WP Rocket which do a better job optimizing CSS and JavaScript. If you optimize CSS and JS in Autoptimize, it will turn off minify/combine CSS + JS in WP Rocket and lets Autoptimize handle it. This is how I went from 7 render-blocking resources to only 1.

Eliminate render-blocking resources wordpress - passed audit

Media

Enable everything except WebP caching. If you are using a WebP plugin, it will generally serve WebP images already. Embedding YouTube videos can often cut your video’s load times in half since they are a very large element.

Preload

Activate preloading in your browser, then preload links, which loads a page in the background when users hover over a link. Prefetch DNS requests and preloading fonts are types of browser resource hints. Prefetching is done with items found in your Reduce Impact of Third-Party Code report; look for them in the Lighthouse report. Preloading can be done with fonts found in your GTmetrix Waterfall chart.

WP Rocket’s Preload Links feature loads the HTML of a page in the background when a user hovers over or touches a link for 100 milliseconds or more, so that when they click WP Rocket’s documentation, the page loads nearly instantly.

Advanced Rules

Advanced Rules are for eCommerce sites, but WP Rocket is compatible with most solutions like WooCommerce and BigCommerce. If you’re having issues with cart widgets, caching, or something related to eCommerce, WP Rocket has documentation for that.

Database

Everything should be safe to delete unless you actually post revisions.

  •  Revisions are old versions of your posts saved when you hit “Publish.” Auto Drafts are automatically saved versions of your post if you don’t hit “Publish.”
  • Trashed Posts are posts and drafts you deleted.
  • Spam Comments are comments marked as spam.
  • Trashed Comments are comments marked as trash.
  • Expired Transients are transients that have expired and are still in your database.
  • All Transients stores data that takes a long time to retrieve (i.e. social counts on blogs).
  • Automatic Cleanup is how often you want WP Rocket to clean your database.

CDN

If your audience is global, using a Content Delivery Network (CDN) can help make your site load faster. If your server is in the same locality or nearby where your users are located, you may not benefit much from a CDN. you can check Wp Rocket CDN offer From Here.

Image Optimization

WP Rocket recommends Imagify because it’s their plugin. For me, I’m using ewww – WP plugin

You can check How to Speed up your Elementor Website 2022

 

FAQs / Documentation

Is WP Rocket Compatible With Elementor?

Absolutely, WP Rocket is compatible with Elementor. It speeds up your site and its elements without interfering with them. You should also know that WP Rocket does not support Elementor Pro.

Which CDN is best with WP Rocket?

Cloudflare and BunnyCDN have better performance/reliability than RocketCDN which uses StackPath.

Is WP Rocket Worth?

I recommend this plugin to everyone who wants to speed up the site, believe me, it is worth it.

What’s the best free alternative to WP Rocket?

LiteSpeed Cache is the best free alternative to WP Rocket, but it only works with LiteSpeed servers. Otherwise, W3 Total Cache is free but difficult to set up and may not give you the results you’re looking for.

What is WP Rocket’s pricing?

$49/year for 1 site, $99/year for 3 sites, and $249 for unlimited sites. You can get a 10% discount by signing up for their email list on their coupons page.

What is a WP rocket?

WP Rocket is a premium cache plugin for WordPress. WordPress experts recognize it as the most powerful caching tool.

Facebook
Twitter
LinkedIn
Pinterest
Tumblr