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.

Important Note

This tutorial assumes you have already created a Pull Zone and purchased the WP Rocket plugin.

  1. Login to your WordPress admin dashboard and navigate to Plugins -> Add New
  2. Use Upload method to install the plugin.
  3. Search your computer for the .zip plugin installation and click on Install button.
  4. After plugin is activated you can enter configuration area:
  5.  

  6. Navigate to CDN section and enter your CDN domain into the text field called Replace site's host name with:
  7.  

Success!

Your site is now using MaxCDN!

NOTE

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, gtmetrix, 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.

Note:

The domain used in the example above (cdn.yourdomain.com) is a virtual presentation of how you can mask your generic CDN domain provided by us (ZONENAME.COMPANYALIAS.netdna-cdn.com) with your own uniformed custom domain.

Learn more about how to create a custom domain.

Other Features

  • Minification: Provides 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 browser. If the page loaded is too long, images that are located on the lowest parts of the page won’t be loaded upfront, rather, only when browser is about to go to that part of the page where images are located.
  • Clear Cache Lifespan: Defines cache life time. 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 javascripts 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 good for exclusion is WooCommerce.
  • LucidRob

    How can I find all Woocommerce related JS files for exclusion?

    • Ivan Dabic

      Hi there,

      Usually, all woocommerce files are spread between the theme and plugin(s) that belong to “WooCommerce” and easiest way to find them is by examining the source code of your page(s) and locating files that come from theme folder under “woo” name and plugins folder where any woocommerce plugin name starts with “woo”. Like “wooslider”.