WP Rocket Tutorial

Wp Rocket使用教程

WP Rocket is a premium WordPress caching plugin that helps enhance the speed and performance of a website. It achieves this by optimizing the website code, compressing files, and caching pages. WP Rocket also includes several other features that boost website performance, such as lazy loading images, preloading fonts and critical CSS, and optimizing the database.

Installation and Activation of WP Rocket

Step 1: Purchase WP Rocket

Visit the official WP Rocket website to buy the plugin license.

Image 220

Step 2: Download the Plugin

After a successful purchase, download the plugin installation package (ZIP file) from the WP Rocket account page.

Image 219

Step 3: Install and Activate the Plugin

1. Log in to your WordPress admin dashboard.

2. Navigate to Plugins > Add New.

3. Click on Upload Plugin, select the ZIP file you just downloaded, and upload it.

4. Once the installation is complete, click Activate Plugin.

Image 215

Basic Settings

After installing and activating the plugin, caching will be automatically set up. Next, we will configure the basic settings for WP Rocket.

1. Navigate to Settings > WP Rocket.

2. In the Dashboard tab, you can view the cache status and quick actions. Click on Enable Cache to activate the caching feature.

Image 224

Cache Settings

1. Navigate to the Cache tab. Select “Enable.”

2. Choose Enable User Cache to create a cache for logged-in users. (Optional)

3. Select Separate Mobile and Desktop Cache Files to create separate caches for mobile and desktop devices. (Optional)

4. Click Save Changes.

5. Advanced Configuration.

Image 216

File Optimization

1. Navigate to the File Optimization tab.

2. Select Minimize CSS to compress CSS files.

3. Select Minimize JavaScript to compress JavaScript files.

4. Click Save Changes.

Image 222
Image 217

Delay JavaScript Execution (Optional)

1. Under the File Optimization tab, find Delay JavaScript Execution.

2. Select Enable.

3. Add any JavaScript files or keywords that need to be excluded to the Excluded JavaScript Files list.

4. Click Save Changes.

Media Optimization

1. Turn on “Lazy Load” for images, iframes & videos, and use preview images in place of YouTube iframes.

2. For Image Dimensions, add missing image width and height attributes.

Image 223

Pre-Caching

1. Preload Cache: Enable pre-caching.

2. Link Prefetching: Enable link prefetching.

Image 218

3. DNS Prefetching.

This optimization is for external files, such as Google Fonts and theme fonts, and can enhance mobile speed. You can check if your website has third-party resources by analyzing the results from [https://gtmetrix.com/](https://gtmetrix.com/). As shown in the image below, look at the domain column in the waterfall. If there’s content from a domain other than your site’s, it’s a third-party resource.

Copy the third-party domain and paste it into DNS and Fetch as: `//third-party-domain`, for example: `//fonts.googleapis.com`.

Image 221

4. Preload Fonts.

If your website uses third-party fonts, you can input them here for faster loading. If not, leave it blank.

Image 214

Keep other settings at their default values, or enable them as needed. If any issues arise on your website, simply disable the corresponding setting. WP Rocket is a powerful and user-friendly WordPress caching plugin that can help you optimize website speed, enhance user experience, and improve SEO rankings. By following the steps mentioned above to set up and optimize your website, you can make your site faster, more stable, and more accessible.

Scroll to Top