网站的访问速度快慢由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”
高级规则设置
缓存有效期设置：根据自己需要一般设置24小时或48小时。
数据库设置
数据库设置：全部开启
CDN设置
如果有设置过CDN开启
心跳监测设置
心跳监测开启
扩展功能设置
如果你有安装过类似插件，建议开启。我没有安装过这些插件，插件还是越少越好。
图片优化设置
没有安装过IMAGIFY，不提供建议。推荐EWWW IMAGE OPTIMIZA，想要了解EWWW可以查看教程《EWWW 图片压缩工具》。
总结
以上就是就是 WPRocket 的配置过程，配置完成后会帮你生成一些预加载文件，会让你的访问速度一下子变快快去试试吧。欢迎大家评论区留言，如果问题的可以联系我们。
