介绍
为什么现在就要加速你的网站
如果你下载了这本电子书,你已经知道网站速度的重要性。你可能会担心自己的网站性能不如预期,或者你的网站表现已经相当不错,但仍然希望进一步提升——这种心态是对的!
平均水平的网站性能只是一个起点,你应该追求卓越。
以下是原因:
- 网站速度影响 SEO:速度是排名因素之一。更重要的是,核心网页体验(Core Web Vitals)已经成为页面体验更新的一部分——这也是一个排名因素。毫无疑问,加载时间和用户与页面的互动对 SEO 也有影响。
- 页面速度影响转化率:你有很短的时间吸引用户的注意。如果加载有延迟,人们可能会点击离开页面。网页加载越快,用户执行页面目标操作的可能性就越大。
- 快速网站降低跳出率:你的一项营销目标应该始终是比竞争对手更快,因为他们只需点击一下。你可以拥有最好的内容和产品,但如果你的网站很慢,那么所有在设计和开发上的努力都将付之东流。
让我们来看看什么样的网站可以达到飞快的速度!
19 个性能提升技巧
3 个基础的速度优化步骤
- 选择强大的主机服务
影响:高 🚀 🚀 🚀
你的 WordPress 托管服务对网站性能起着重要作用。一个好的托管提供商会采取额外措施来优化你的网站性能,并提供优质的客户支持。
- 阅读我们的托管服务提供商比较指南,了解更多。
- 查看我们推荐的最佳 WordPress 小型企业和博客托管服务。
- 了解我们的托管合作伙伴——这些合作伙伴与 WP Rocket 完美兼容。
-
使用缓存插件进行速度优化
影响:高 🚀 🚀 🚀
缓存插件会生成你网站的静态 HTML 页面,并将其保存在服务器上。每当用户访问你的网站时,缓存插件会显示更轻便的 HTML 页面,而不是更重的 WordPress PHP 脚本。就像缓存插件“保存”你的内容,以便更快速地加载。如果使用 WP Rocket 等工具,可以自动缓存这些资源并提升页面加载速度。一切都在后台完成,你将立即体验到更快的网站。 -
优化图像并使用懒加载
影响:高 🚀 🚀 🚀
确保你的图像已优化。以下是三个提升图像加载速度的建议:
- 减少图像的文件大小。
- 根据页面实际需要的尺寸调整图像大小。
- 应用懒加载脚本。
- 使用 Imagify 进行自动图像优化。启用后,所有图像,包括缩略图,都会在上传到 WordPress 时自动优化。
- WP Rocket 会为图像添加缺失的宽度和高度属性,并实现图像、iframe 和视频的懒加载。
7 个性能最佳实践
- 选择适合的主题:选择一个优化了速度的主题
影响:高 🚀 🚀 🚀
WordPress 提供了几乎无限的主题选择,因此在选择时,不要只关注外观和功能,还要确保选择一个在速度优化方面高效的主题。
- 研究并花时间选择一个可以解决许多性能问题的主题。查看我们推荐的最快 WordPress 主题。
- 切换到一个提供性能优化功能的主题。
- 使用 Query Monitor 插件查看已安装的主题是否引起性能问题。
-
不要在头部使用滑块
影响:高 🚀 🚀 🚀
滑块会严重影响网站性能。尽管许多网站使用它们,但这是对速度影响最差的做法之一。 -
去除多余的插件
影响:中 🚀 🚀
虽然很容易就会安装很多插件来增加功能,但你要小心它们对网站性能的影响。如果某些插件过于臃肿并运行了许多额外的脚本,可能需要考虑寻找更高效的替代插件或完全移除它们。简洁通常是胜利的关键。
- 在激活插件前后测试网站速度。参考我们的指南,了解如何衡量 WordPress 网站的性能。
- 删除所有未使用的插件,避免杂乱的数据库并减少潜在的安全风险。
- 使用内容分发网络(CDN)
影响:中 🚀 🚀
如果你的目标受众遍布全球,使用 CDN 可以让你的网站更接近终端用户。CDN 会在全球各地的服务器上存储静态文件,这样就能在不同情况下更快地加载。
- 我们推荐使用 RocketCDN,它与 WP Rocket 完美集成。RocketCDN 会自动应用最佳性能设置,省去你为每个设置调整时间的麻烦。
- 将大媒体文件上传到适合的服务
影响:中 🚀 🚀
不要使用 WordPress 后台托管视频或音频文件,而应将其上传到 YouTube、Vimeo 或 SoundCloud,这些平台更适合处理带宽需求。你的 WordPress 网站可以指向这些平台,而不是直接渲染这些媒体文件,从而提升网站速度。
- 使用 WP Rocket 的“LazyLoad”功能对 YouTube 视频进行懒加载。
-
定期更新 WordPress
影响:低 🚀
WordPress 平台不断发展,团队和社区不断提升功能,定期发布更新。安装这些更新能确保你使用的是最新版本的 WordPress。 -
限制帖子修订版
影响:低 🚀
WordPress 的修订系统会记录每个草稿或发布更新。如果页面没有缓存,过多的修订记录可能会影响网站速度。
- 可以在 wp-config.php 文件中添加一段代码,限制最大修订版本数,如
define('WP_POST_REVISIONS', 5)
。
9 个高级性能策略
- 延迟 JavaScript 加载并延迟执行 JavaScript
影响:高 🚀 🚀 🚀
JavaScript 执行对性能有很大影响,并会生成多个 PageSpeed Insights 审核报告,例如“消除渲染阻塞资源”,“减少 JavaScript 执行时间”和“最小化主线程工作”。
- 你需要将关键资源内联,延迟非关键 JS 资源的加载,并去除未使用的 JavaScript。
- 延迟非关键 CSS,去除未使用的 CSS,并内联关键 CSS
影响:中 🚀 🚀
非关键 CSS 对页面渲染无关紧要,但它会影响加载时间并生成 PSI 提示。
- 你可以使用 WP Rocket 来优化 CSS 文件,内联关键 CSS,并延迟非关键 CSS 加载。
- 最小化 JavaScript
影响:低 🚀
最小化 JavaScript 是去除不必要和冗余代码,使文件更轻便。
- 使用 WP Rocket 一键删除多余的 JavaScript,提高加载速度。
- 最小化 CSS
影响:低 🚀
CSS 最小化会去除空白字符、注释等不必要内容,使文件更轻。
- 使用 WP Rocket 一键清理 CSS 文件,减少文件大小。
- 优化 WordPress 数据库并减少数据库调用
影响:低 🚀
随着网站的增长,数据库中的部分数据会过时。删除不必要的信息,优化数据库,可以提升性能。
- 使用 WP Rocket 插件进行数据库优化,简便高效。
快速网站优化清单
性能优化项目 | 性能影响 | WP Rocket 是否支持 |
---|---|---|
使用缓存插件 | 高 | 支持 |
选择强大主机服务 | 高 | 不涉及 |
优化图像并使用懒加载 | 高 | 支持 |
选择适合的速度优化主题 | 高 | 不涉及 |
延迟加载 JavaScript 并延迟执行 | 高 | 支持 |
延迟非关键 CSS,去除未使用的 CSS,并内联关键 CSS | 中 | 支持 |
最小化 JavaScript | 低 | 支持 |
最小化 CSS | 低 | 支持 |
使用内容分发网络(CDN) | 中 | 支持 |
去除冗余插件 | 中 | 不涉及 |
优化 WordPress 数据库 | 低 | 支持 |
定期更新 WordPress | 低 | 不涉及 |
分割长帖子为多页 | 低 | 不涉及 |
限制帖子修订版 | 低 | 不涉及 |
禁用热链接 | 低 | 不涉及 |
修复 HTTPS/SSL 错误 | 低 | 不涉及 |
使用最新的 PHP 版本 | 低 | 不涉及 |