This tutorial shows you how to set up WordPress with WP Rocket, a caching and performance optimization plugin to increase the loading speed of WordPress websites. Installation and configuration of WP Rocket can be completed in less than 3 minutes.
This tutorial assumes you have already created a Pull Zone and purchased the WP Rocket plugin.
Setting up WP Rocket
Installation
- Login to your WordPress admin dashboard and navigate to Plugins -> Add New.
- At the top of the page, click Upload Plugin.
-
Click Choose File. Then grab the WP Rocket plugin file from the folder you saved it to. After selecting it click Install Now.
-
Click Activate Plugin.
Configuration
-
In the top menu, click the WP Rocket link.
-
Click the CDN tab.
- Enter your CDN URL/SSL URL (or custom domain name if applicable) in the text field labeled CDN CNAME(s).
- Save the changes.
Your site is now using MaxCDN!
To ensure you implemented MaxCDN correctly, you can view the source code of any page to confirm that the CDN domain is being used for static assets instead of your origin domain. You can also use tools like pingdom or webpagetest that can give you more detailed reports on your CDN implementation status.
You can also use tools like Pingdom or Catchpoint to measure your site's performance.
Extra Features of WP Rocket
- Minification: Provides the ability to minify CSS/JS files.
- SSL: Supports caching for https (SSL) pages.
- Mobile Cache: Provides caching for mobile versions of your site.
- Logged-In User Cache: Caches content for logged-in users. (Use this option with caution.)
- Lazy Load: Loads images only when they are about to be shown to the browser. If the page takes too long to load, then images that are located on the lowest parts of the page won’t be loaded upfront, rather, only when the browser is about to go to that part of the page where images are located.
- Clear Cache Lifespan: Defines cache lifetime. By default, it’s 24 hours.
Advanced Options
- Prefetch DNS Requests: Provides an option to define external domains that are often used to load external assets. This way it can pre-resolve those domains, thus lowering the overall loading time.
- Deferred Loading: Add JavaScript that will load asynchronously with page loading.
- Exclude JS and CSS Files: Exclude certain files that have functionality that conflicts with how caching works. Checkout pages, plugin files, etc. One specific example of exclusion is WooCommerce.
If you have any questions about the content of this article, please feel free to reach out to the Support Team for assistance, we're available 24/7 for your convenience.