网站的访问速度快慢由2部分组成：静态的资源文件和动态的数据请求。静态的资源文件大小的总和会影响首次打开的速度。请求的数是指访问数据库里的数据以及其他平台获取信息，访问内部数据可以优化，请求外部数据不可控。
今天主要讲一下关于网站静态资源的优化，网站静态资源主要包括html、css、js、图片、视频、文字等各种数据组合而成。我们需要用wordpress的插件WPRocket来协助解决网站性能。
使用WPRocket插件前后对比
打开首页加载用来4秒，打开速度远不及预期
这是优化后的速度，快了2秒多。这个速度可以接受的，首页的内容和动态效果比较多。是不是迫不及待想要用了？我们看看如何配置WPRocket吧！
WPRocket - 文件优化
CSS 文件
压缩CSS文件开启，会把所有的css文件中的空格注释文件都删掉来减少文件的大小。
CSS递送优化开启，这里有2个选项删除未使用的和异步加载。建议选第二个，第一个可能会引起页面兼容性的问题。
JavaScript 文件
压缩JS文件开启，与css一样删除空格和注释文件。
合并JS文件关闭，因为要和下面的JS延迟执行产生兼容问题。
JS异步加载开启，异步加载的我们前面提到请求时遇到阻碍，会先跳过阻碍向下执行。举个例子比如你页面看到白屏一直在加载，那就是请求时没有开启异步加载。
JS延迟加载开启，延迟加载的意思指你页面划到这个区域的时候要使用时才会调用。
插件勾选：Astra – PRO Addon、Elementor Pro – User Cache、 Rank Math SEO 如果有的话勾选
排除JS文件，将下面框内的代码复制进去，是WPRocket提供的兼容性的代码。
WPRocket – 媒体
懒加载开启：和延迟加载一个意思启用。可以推迟加载视频，等进入或即将进入可视区域时才加载，从而提升页面加载速度。
图片尺寸开启，当没有为图像保留空间时，一旦图像被下载，浏览器将移动内容以适应图像。
WPRocket – 预缓存
预加载缓存开启，当您启用预加载功能时，WP Rocket 将自动检测您的站点地图并将所有 URL 保存到数据库中。该插件将确保您的缓存始终被预先加载。 对于首次访问的用户速度也会加快。
DNS预读取：预读取能更快地加载外部文件，一般会禁止加载这类文推荐。比如“//font.googleapis.com”
WPRocket – 高级规则
缓存有效期设置，根据自己需要一般设置24小时或48小时。
WPRocket – 数据库
全部开启
WPRocket – CDN
如果有设置过CDN开启
WPRocket – 心跳监测
心跳监测开启
WPRocket – 扩展功能
如果你有安装过类似插件，建议开启。我没有安装过这些插件，插件还是越少越好。
WPRocket – 图片优化
没有安装过IMAGIFY，不提供建议。推荐EWWW IMAGE OPTIMIZA，想要了解EWWW可以查看教程《实操讲解EWWW Image Optimizer图片压缩工具 》。
以上就是就是WPRocket的配置过程，配置完成后会帮你生成一些预加载文件，会让你的访问速度一下子变快快去试试吧。欢迎大家评论区留言，如果问题的可以联系我们。最后感谢迪莫亚提供的教程，让我更快上手。
