How to Setup Hyper Cache

The following steps were completed to setup Hyper Cache and Autoptimize during the 2018 Speed Study of Hyper Cache.

How to Setup Hyper Cache – Step by Step

Steps 1 & 2: Let’s start by jumping into our WordPress Dashboard and clicking through to Add New Plugins. In the search bar, type Hyper Cache. Then click Install Now.

Step 3: Once Hyper Cache is installed, click Activate.

Step 4: Find Hyper Cache within the Settings menu (in Main Navigation Menu of WordPress Dashboard). Then click Hyper Care.

Hyper Cache Settings

Steps 5 to 8: Check Enable Compression, Enable on-the-fly compression and Allow browser caching. Then click Save.

Step 9: With all the settings complete, now click Clean the whole cache.

How to Setup Autoptimize – Step by Step

Steps 10 & 11: Now we’re going to install Autoptimize as a perfect pairing with Cache Enabler. In the search bar, type Autoptimize. Then click Install Now.

Step 12: Once Autoptimize is installed, click Activate.

Step 13: Find Cache Enabler in your list of plugins. Then click Settings.

Step 14: To see all the options available, click the Show Advanced Settings button.

Steps 15 to 17: Place ticks against Optimize HTML Code, Keep HTML comments and Optimize Javascript Code.

Steps 18 & 19: Scroll further down the page and check Optimize CSS Code & Aggregate Inline CSS.

Step 20: After all the above checks have been completed, the final step is to scroll to the bottom of the page and click the Save Changes and Empty Cache button.

Questions?

If you have any questions about this tutorial on How to Setup Hyper Cache & Autoptimize, please feel free to ask in the comments below and I will try my best to answer them 🙂