WPRocket 插件：正确的设置方法可以提升网站的性能

WP之家 • 2025年3月18日上午9:03 • WP插件

WP Rocket 简介

网站的访问速度快慢由2部分组成：静态的资源文件和动态的数据请求。静态的资源文件大小的总和会影响首次打开的速度。请求的数是指访问数据库里的数据以及其他平台获取信息，访问内部数据可以优化，请求外部数据不可控。今天主要讲一下关于网站静态资源的优化，网站静态资源主要包括html、css、js、图片、视频、文字等各种数据组合而成。我们需要用wordpress的插件WPRocket来协助解决网站性能。

使用 WPRocket 插件的对比

打开首页加载用来4秒，打开速度远不及预期。

这是优化后的速度，快了 2秒多。这个速度可以接受的，首页的内容和动态效果比较多。是不是迫不及待想要用了？我们看看如何配置 WPRocket 吧！

文件优化设置

网站的文件优化主要分成 CSS文件、 JS文件、图片文件、视频文件等，网站是有一个个文件组合而成的。

CSS 文件压缩

压缩CSS文件开启：会把所有的css文件中的空格注释文件都删掉来减少文件的大小。
CSS递送优化开启：这里有2个选项删除未使用的和异步加载。建议选第二个，第一个可能会引起页面兼容性的问题。

JS 文件压缩

JS 文件是 Javascript 文件的缩写，主要是负责实现网站的动态效果。个人建议网站的动态效果不用很多，动态效果是让用户体验上感觉很炫酷，但是对 SEO 效果反而是累赘。本站之前加过很多 JS 效果，现在全部去掉了。因为 SEO 更喜欢静态的页面。

压缩JS文件开启：与css一样删除空格和注释文件。
合并JS文件关闭：因为要和下面的JS延迟执行产生兼容问题。
JS异步加载开启：异步加载的我们前面提到请求时遇到阻碍，会先跳过阻碍向下执行。举个例子比如你页面看到白屏一直在加载，那就是请求时没有开启异步加载。

JS延迟加载开启：延迟加载的意思指你页面划到这个区域的时候要使用时才会调用。
插件勾选：Astra – PRO Addon、Elementor Pro – User Cache、 Rank Math SEO 如果有的话勾选。

排除JS文件：将下面框内的代码复制进去，是WPRocket提供的兼容性的代码。

媒体文件缓存设置

媒体文件主要是，图片、视频、音频文件。

懒加载开启：和延迟加载一个意思启用。可以推迟加载视频，等进入或即将进入可视区域时才加载，从而提升页面加载速度。
图片尺寸开启：当没有为图像保留空间时，一旦图像被下载，浏览器将移动内容以适应图像。

预缓存设置

预加载缓存开启：当您启用预加载功能时，WP Rocket 将自动检测您的站点地图并将所有 URL 保存到数据库中。该插件将确保您的缓存始终被预先加载。对于首次访问的用户速度也会加快。
DNS预读取：预读取能更快地加载外部文件，一般会禁止加载这类文推荐。比如“//font.googleapis.com”