优化WordPress网站加载速度

这是一款由谷歌提供的工具，可以评估和测量你网站在桌面和移动版本上的加载速度和性能。只需输入你网站的链接，你将获得一个速度评分，以及专门的建议来改善性能。如加载时间、图像优化、文件压缩、缓存使用等。它还提供了页面性能的可视化预览，展示在不同设备上的显示效果。

GTmetrix 也是一款用于分析和优化网站性能的工具，是除了Google的Google PageSpeed Insights以外最知名的。不过他们在2023年末变成了付费工具，只能白嫖5个检测（每次检测完删掉就可以了），之后要收费。

都是半斤八两类似的工具，不多说了。

主机，虚拟主机或网络托管，是一种服务，让我们在互联网上存储和发布网站。它就像是你的网站存在和向访问者展示的物理空间。主机提供必要的服务器，以确保网站能够24小时、7天可用。

在优化WordPress网站的加载速度时，选择合适的托管服务提供商至关重要。寻找一家提供快速稳定服务器、响应时间短且高可用性的可信赖服务商。调查一下市场上的选择，选择一个符合你需求和预算的托管服务。

我这边主要推荐你Hostinger和Siteground， 前者性能中等偏高（看你选什么套餐），价格亲民，对于刚刚开始的网站完全足够了，后者是WordPress官方推荐的虚拟主机之一，性能不用说了，可以提供很好的网站加载速度，就是价格小贵。如果你想要单独的IP，续费价格也不想有波动，推荐你Cloudways。

CDN（内容分发网络）是一种分布在地理位置上的服务器网络，存储着你网站的副本，并分布在不同的地方。通过使用CDN，你的内容可以从离用户最近的服务器加载，从而减少延迟，提高网站速度。一些托管服务商，如Siteground、Hostinger或Bluehost，他们一些套餐里是直接带CDN的，购买后可以直接使用。

如果你的域名是在别的域名注册商买的，像Namesilo，想要连上主机自带的CDN单纯通过解析A记录连接网站是不够的，需要把DNS服务器一同改到主机上才行，不然你是用不了主机那边提供的一些服务的。

你要是已经购买了托管服务但它没有自带CDN，你可以考虑使用Cloudflare，他们提供强大而完全免费的CDN服务。

图像在网页上发挥着至关重要的作用，吸引注意力，有效传达信息，提升用户体验并增强品牌存在感。它是网页里占据空间最大的元素之一，所以很有必要好好的优化它们，不然会严重影响到网站加载速度。

在优化图像时，根据图像类型使用适当的格式至关重要。对于包含许多颜色和细节的图像，如照片，建议使用JPEG格式。对于包含图形或透明元素的图像，例如标志或图标，更适合使用PNG格式（尽量避免使用大尺寸的PNG图像，因为它们通常体积更大）或SVG格式。

最适合网页的图像格式是WEBP，这是由谷歌开发的一种格式，其大小比JPEG小，并且像PNG一样支持透明度。唯一的问题是，由于这是一种相对较新的格式，有些浏览器尚不兼容，但这种情况正在逐渐减少。

WordPress在它的 6.5 版本支持了AVIF图片，这种图片相比WEBP格式，可以更优越的压缩图片大小而且还不允许画质，未来应该会慢慢取代WEBP格式t图片。

此外，对图像进行压缩以减小其大小而不明显降低质量是非常重要的。有在线工具和图像编辑软件可以进行无损压缩，如TinyPNG、Compressor.io，或使用图像压缩插件。看看这个如何转换图片到WEBP格式教程吧！

如果你使用Photoshop，可以安装WebPShop直接在软件里处理webp图像。

有一些专门针对WordPress的插件可以帮助你自动优化网站的图像。这些插件在上传图像时对其进行压缩，可以显著减小文件大小而不损失质量。一些知名的包括Smush、Imagify和EWWW Image Optimizer。这些插件使大规模图像优化变得简便，帮助你节省时间。

延迟加载在你的网站有大量图片时特别有用。与同时加载所有图片不同，延迟加载只加载用户屏幕上可见的图片，看不到的图片是不加载的。这种技术减少了页面初始加载，很有效的加快了加载时间。你可以通过使用插件，如Lazy Load by WP Rocket、Smush、Imagen Optimization、a3 Lazy Load，或者安装自定义脚本来实现延迟加载。

浏览器缓存允许临时存储网站文件在用户设备上，当访问者打开一个网页时，浏览器会下载并保存一些元素，如图像、CSS样式表和JavaScript文件，到本地缓存上。这意味着下次用户访问同样的页面时，浏览器不会再次从服务器下载所有文件，而是加载已经存储在缓存里的文件，从而显著提高加载速度。

删除文件里的空格和其他不必要的字符，从而减小它们的大小。通过减小这些文件的大小，可以提高页面的加载速度，因为减少了从服务器下载的数据量。

在许多情况下，缓存插件默认提供代码缩小的功能，如上述提到的插件或Autoptimize和WP Fastest Cache。需要注意生成过多的缩小代码文件，不及时清理的话会很占网站内存。

这与前面的部分相似。

这个小技巧其实大多数人都不知道，在某种情况下可以很好的优化我们网站上的代码。

如果你用WordPress建站，想要隐藏某个元素在某个设备，单纯去到自适应选项隐藏，在某种意义上是“不正确的”。这种方式其实做的只是单纯给元素加上了 display none 的选择，我们就是单纯的看不见了，不过在代码层面，它还是在的。所以这个的正确操作方式是使用显示条件来隐藏元素。

插件是WordPress里最强大的功能之一，但也是一把双刃剑。定期审查网站上安装的插件，删除那些实际上并不需要的。每个插件都会添加额外的代码，可能对网站性能产生负面影响。识别并停用那些没有使用或没有价值的插件。考虑是否可以用更轻量级或集成在主题或自定义代码的解决方案替代插件的功能。

以下是两个具有多个小功能的插件，这样你就不必单独安装很多插件了：Admin and Site Enhancements和WP Extended。