加载时间是网站性能的核心指标，直接决定用户获取信息的速度。若页面响应迟缓，用户极易流失。因此，缩短页面处理时间、优化交互体验至关重要。
Sered 是一家提供主机和域名销售服务的公司，同时还帮助客户提升加载时间并优化 Core Web Vitals，从而助力网站取得更好的成果。为了深入探讨这一主题，我们联系了 Sered，请他们分享相关详细信息及实际案例。
在最近的一个案例中，经过一系列实施操作后，他们成功将加载速度从3.7秒降低至815毫秒。
如何提升网站加载速度（案例研究）
在已实施的措施中，他们特别强调了安装LiteSpeed Cache插件。该配置集成了HTML代码压缩以及对已上传图片进行优化。此外，他们将网站迁移到了其高性能托管服务之一，这些服务配备SSD NVMe硬盘、LiteSpeed服务器以及针对WordPress最高性能优化的配置。
尽管通过实施解决方案，网站性能得到了显著改善，但该网站尚未完全更新，仍有改进空间。然而，用户层面的性能评分已达到良好水平，从36%提升至90%。
衡量性能的另一个重要指标是 FCP（首次内容绘制，即 First Contentful Paint）。FCP 是指网页向用户展示的第一个内容出现所需的时间。在第一次测试中，该指标为 3.3 秒；而在第二次测试中，在实施插件及其他改进措施后，降至 443 毫秒。
为什么网站加载速度如此重要
加载速度是决定网站成功的关键因素之一。良好的加载速度会对多方面产生积极影响，反之则会造成负面影响。
具体包括：SEO排名，加载过慢可能导致Google无法索引内容；转化率，通常随加载时间增加而下降；以及投资回报率，因为内容显示耗时越长，愿意等待的用户就越少。
用于测量加载时间的4种工具
市面上有许多用于测量网站加载时间的工具。除了显示加载时间外，这些工具还会提供针对性的优化建议。其中最常用的包括：
1. Google PageSpeed Insights
该工具利用Google自身的数据来展示所需信息。
2. GTmetrix
GTmetrix 基于 Lighthouse 的数据来提供用户所需的信息。
3. Pingdom
Pingdom 获取PageSpeed自身的数据，其优势在于用户界面比 Google 的工具更加直观且易于解读。
4. Webpagetest
Webpagetest 是一款免费工具，它获取来自 Lighthouse 扩展程序的数据。
优化网页加载速度的 6 个建议
如果速度测试结果不理想，可以尝试应用以下建议来改善网站：
1. 使用缓存插件
对于 WordPress 网站，建议安装缓存插件以提升性能。这些插件通过存储信息来加快加载速度，从而避免用户每次访问时都需重新加载这些信息。
其中，特别推荐 LiteSpeed Caché，这是 Sered 的 SSD 主机使用的插件。
2. 优化图片
可以通过以下几种技术优化图片：
- 压缩图片：建议在上传前手动压缩，或选择自动压缩插件。更推荐前者，以减少因额外插件带来的潜在性能负担。
- 以图片将要显示的大小进行上传：避免上传尺寸远大于实际显示需求的图片，以免增加加载时间。
- 仅在必要时使用 PNG 格式：PNG 文件体积通常远大于 JPG，滥用会显著降低加载速度。
3. 代码精简：减少网站代码量
代码精简技术实施简单，主要包括删除 HTML、CSS 或 JavaScript 代码中不必要的字符。例如空格、换行符、缩进或注释等不影响代码正确解释的多余字符。
4. 延迟加载元素
借助延迟加载功能，可以随着用户请求信息逐步展示页面。
访问网站时仅加载当前可视区域的内容，其余内容以渐进方式随导航逐步显示。这既优先保障了用户体验，又避免了每次点击都需从头加载整个网站。
5. 消除多重重定向
当对正在接收其他重定向的页面再次进行重定向时，就会发生多重重定向。例如：A → B；当 B → C 时，会产生 A → B → C 的多重路径。
这导致服务器必须发送响应，并且该响应请求另一个不同的 URL，从而使耗时翻倍。
解决方法是避免中间步骤，直接将重定向设置为 A → C。
6. 禁用未使用的插件并限制 TPA
安装过多插件会导致服务器试图加载所有内容。因此有必要限制插件的使用，筛选并禁用不需要的插件。
TPA 指外部页面的片段（如地图或 Instagram 动态）。插入此类内容通常使用 iFrame，加载时需同时渲染主站和嵌入内容，耗时更长。
总之，速度测试工具对于确定问题所在非常重要。关键在于识别问题并开始应用解决方案。