使用CDN提升性能

引言

在本课中,我们将讨论如何通过内容分发网络(CDN)来提升网站性能。在解释如何设置 CDN 之前,我们先来定义它。CDN 是一个全球性的服务器网络,用于缓存网站的静态内容,例如图片、CSS 和 JavaScript 文件。当有人访问你的网站时,CDN 会从离他们最近的服务器提供内容,从而加快加载速度。使用 CDN 可以提高网站的速度和可靠性,因为它会将你的内容无缝地存储在多个服务器(称为边缘服务器)上,而不是仅存储在托管服务商的单一源服务器上。

为什么要在 WordPress 中使用 CDN?

为什么要在 WordPress 中使用 CDN?在 WordPress 中使用 CDN 对桌面端和移动端用户都有诸多好处。第一,它能改善全球覆盖范围并减少延迟。由于服务器遍布全球,无论访客身在何处,你的内容都能更快加载。第二,它能减轻服务器负载。通过将静态资源的交付任务交给 CDN,你的网络服务器可以处理更多流量并表现更佳。第三,它能提高正常运行时间。CDN 确保如果某个边缘服务器出现故障,其他服务器仍能维持网站的可用性。这被称为负载均衡。第四,它能增强安全性,尤其是针对 DDoS 攻击。DDoS 代表分布式拒绝服务攻击,是一种通过大量流量淹没你的服务器导致其崩溃的网络攻击。CDN 通过将流量分散到多个服务器来帮助防止此类攻击,使攻击更难成功。

配置 CDN

接下来,如何用 WordPress 设置 CDN?让我们逐步了解如何为你的 WordPress 网站设置 CDN。首先,选择一个 CDN 提供商。一些供应商提供免费套餐,并且大多数会捆绑其他有用的服务,例如 SSL 证书和 Web 应用防火墙。因此,请研究一个符合你需求和预算的 CDN 提供商。热门选项包括 Cloudflare、KeyCDN、bunny.net、Sucuri 和 Amazon CloudFront。请注意,如果你已经使用了 Jetpack,可以启用其免费的 CDN 功能“站点加速器”。

接下来,注册并创建一个账户。一些提供商提供 WordPress 插件,允许你直接从 WordPress 仪表盘注册账户。导航到“插件”,点击“安装新插件”,在搜索字段中输入“CDN”,然后安装你选择的提供商的插件。我将安装并激活 Super Page Cache for Cloudflare 插件,以便创建账户并将我的网站添加到 Cloudflare。回到 WordPress,该插件将引导你完成设置过程。

CDN 集成

下一步是可选的,但如果你已经安装了缓存插件,最好将其与 CDN 集成,以获得最佳效果并避免潜在冲突。让我们学习如何使用几个流行的插件来实现这一点。第一个是 WP Optimize。很酷的一点是你无需做任何操作,因为该插件会自动与 Cloudflare 集成,确保缓存与 Cloudflare 的 CDN 服务无缝协作。第二个插件叫做 W3 Total Cache。它有一个内置的 Cloudflare 扩展,你需要在“扩展”下激活它,然后按照设置说明操作。如果你使用不同的 CDN 提供商,请导航到“常规设置”、“CDN”,然后启用 CDN 并选择你希望使用且已注册的提供商。接下来,你还可以使用 LiteSpeed Cache for WordPress。它集成了 Cloudflare 和 QUIC.cloud CDN。前往“设置”、“CDN”,在这里你可以启用并设置其中任何一个。QUIC.cloud CDN 选项位于顶部,而 Cloudflare 选项在滚动到底部时可用。你还可以在 QUIC.cloud CDN 设置下注册并创建一个免费的 QUIC.cloud 账户。有关详细的设置和配置说明,请参考你选择的优化插件和 CDN 提供商提供的官方手册。

结论

总之,CDN 可以显著改善加载时间、提升用户体验,并增强网站的整体韧性和安全性。投资这一额外的性能层是值得的。要了解更多优化技巧,请查看这两节补充课程:使用缓存提升网站性能和网站优化。

使用缓存提升网站性能 – W3 Total Cache插件

简介

让我们探索缓存技术以提升网站性能。缓存是一种用于改善网站性能的技术。它涉及将频繁访问的数据存储在缓存中,当需要时可以快速检索,而不是每次用户访问网站时都从服务器获取。缓存就像是为常用文件和数据准备的一个个人书架。当用户访问一个已缓存的网站时,浏览器会先在缓存中检查所需文件。如果找到,网站加载速度会更快。它通过提供缓存文件而不是重复生成它们来减轻服务器负担。最终,缓存通过提供更快的加载时间和更流畅的网站导航来提升用户体验。

缓存层级

缓存发生在多个层级以优化网站性能。在前端,浏览器缓存将图片和CSS等静态文件存储在访客设备上,减少服务器请求。深入一层,WordPress中的对象缓存通过将频繁访问的信息存储在Redis或Memcached等快速访问存储系统中,加速数据检索。在服务器层面,操作码缓存提升PHP执行效率,而Varnish等高级解决方案可显著提升高流量网站的性能。每个缓存层都有助于加快加载速度并减少服务器负载,创造更流畅的用户体验。

添加插件可能是优化WordPress网站缓存最简单的方法之一。缓存插件简化了实施过程,优化了性能,提供了高级技术,并包含缓存管理功能,以实现高效且有针对性的网站缓存。让我们简要了解一下你将遇到的四种最常见的缓存类型。

常见缓存类型

首先是页面缓存。可以把它想象成给你的网页拍了一张快照。我们提供这个预先制作好的版本,而不是每次有人访问时都从头构建页面。这就像准备好一张照片展示,而不是当场画一幅画。这种方法创建了页面的静态副本,消除了重复查询数据库的需要。结果呢?为你的访客带来更快的加载时间。

第二种是浏览器缓存。当你访问一个网站时,你的浏览器会保存某些文件,这样下次你访问该网站时,浏览器可以使用存储的文件,而不是再次下载它们。这有助于加快网站加载速度,因为浏览器不必每次都从服务器获取所有文件。

第三种是服务器缓存。服务器缓存涉及存储常用网站数据。当用户请求这些数据时,服务器可以快速从缓存中检索,而不是重新生成。

第四种是CDN缓存。内容分发网络将网站文件的副本存储在世界各地的服务器上。当用户访问网站时,文件从最近的服务器加载,减少了内容到达用户的时间。

使用插件

一些值得探索的插件包括W3 Total Cache、WP Faster Cache和LiteSpeed Cache,但插件目录中还有许多其他选择。在今天这个示例中,我们将安装并激活W3 Total Cache插件,然后启用一些最重要的设置。一旦我们安装并激活了插件,就可以进入设置。进入后,你可以按照设置指南操作,或者跳过它(如果你愿意)。

设置指南

我们将继续按照必要的步骤进行。让我们测试页面缓存。我们追求最快的速度,你会注意到,他们也推荐了磁盘增强,这实际上是最快的。然后,我们可以点击“下一步”并选择测试数据库缓存。现在,在底部,建议保持此功能禁用,因为服务器数据库引擎可能比磁盘缓存更快。所以,我们继续测试对象缓存。然后选择最快的速度。接着,我们可以点击“下一步”并测试浏览器缓存。我们将保持启用状态,然后进入图片优化。这将允许你启用WebP转换器。它增加了将媒体库中的图片转换为现代WebP格式的能力,以获得更好的性能。最后,我们还可以启用图片的延迟加载。当选择延迟加载图片时,图片和其他媒体元素只在用户滚动到该部分时才加载,从而减少网站加载时间。

常规设置

当设置完成后,我们可以访问常规设置以了解更多额外设置和功能。让我们仔细看看一些常规设置。首先是页面缓存。我们要做的第一件事是确保它已启用。添加页面缓存可以提升性能并减少服务器负载。请注意,一些主机也提供页面缓存。

接下来,我们将了解“压缩”或“精简”技术。这项技术旨在精简网站代码中的冗余部分。压缩功能会自动去除 CSS、JavaScript、Feed 页面和文章 HTML 中不必要的数据。可以把它想象成在发送文件前先进行压缩,你不会丢失任何重要信息,只是让文件更紧凑。因此,我们可以继续启用压缩功能。我已经阅读了相关文档,所以我会表示理解其中的风险。将压缩模式保持为“自动”就足够了。不过,如果在启用此功能后,你发现网站出现异常行为或显示不正常,那么压缩功能可能就是罪魁祸首。这是一个强大的工具,但有时它可能会过度精简。

然后,我们可以向下滚动到“操作码缓存”。操作码缓存仅供专业版用户使用,它允许你存储编译后的 PHP 代码。现在,我们继续介绍“数据库缓存”和“对象缓存”。首先谈谈数据库缓存。如你所知,在设置过程中曾建议,对于这个特定网站,最好保持禁用状态。文档还提到,它最适合在对象缓存不可用时使用。由于对象缓存是可用的,因此我们启用了此功能,因为它能进一步减少常见操作的执行时间。但请注意,在使用共享服务器主机时,不建议同时启用数据库缓存和对象缓存。

接下来,我们要确保“浏览器缓存”已启用,因为它通过利用访问者浏览器中的缓存来减少服务器负载并缩短响应时间。如前所述,CDN 缓存也很重要。要实现这一点,你需要一个 CDN 提供商。所以请确保注册一个提供商,例如 CloudFlare、Amazon CloudFront 或其他。我们接着看“Google Page Speed”部分。在这里,你可以连接到 PageSpeed Insights API,从而分析你网站的性能。如果你授权此操作,则必须关联你的 Gmail 账户。

进入仪表盘后,你可以使用左侧边栏针对不同类型的缓存微调更具体的设置。最后,值得一提的是,有时缓存可能无法识别你已经对网站进行了更改或更新,从而加载旧版本而非新版本。此时,你可以考虑清除缓存,以确保加载网站的最新版本,这是一种故障排除方法。你可以在仪表盘顶部找到清除缓存的选项。

总结

总之,通过理解并实施这些不同级别的缓存,你可以提升网站的速度和性能,为访问者提供更流畅的体验。