优化网站性能的13个实用更新

专注于网站稳定性、安全性、SEO 和可访问性改进,帮助我们提升流量、用户体验和客户转化率。

译自 13 Practical Updates to Optimize Website Performance,作者 Elena Bolshakova。

我们最近进行了一次重大的网站性能改进流程,为我们的客户提供从首次点击开始的积极体验。我们的网站转化率相对较低,我们的团队在网站管理职责的划分方面遇到了困难。我们预计采用结构化的网站产品管理方法将有利于长期规划,并建立明确的管理和所有权,所有这些对于我们寻求的实际结果都是必不可少的。

本系列的第一篇文章中,我解释了我们把网站视为产品的文化转变,以及我们为提高 Gcore.com 性能所采取的初始步骤。然后,我们扩展了我们的计划,以加强我们的网站抵御安全漏洞,保持一致的正常运行时间,提升搜索引擎优化 (SEO) 并改善可访问性。

我将在本文中分享的方法具有广泛的适用性,可以帮助您的企业取得类似的结果。

稳定性和安全性改进

除了性能之外,我们还决定加强我们的网站抵御安全漏洞,并采取措施保持一致的正常运行时间。

1. SSO 身份验证

单点登录 (SSO) 通过允许用户使用一组登录凭据访问多个应用程序来简化用户身份验证。我们在我们的网站上实施了 SSO,以简化访问管理并最大限度地降低安全风险。这通过最大限度地减少用户需要记住和管理的密码数量来改善用户体验。通过整合身份验证,我们现在能够更有效地监控和保护访问点。

由于此项措施和其他将在下面详细介绍的新安全措施,我们网站上的漏洞数量已大幅减少。我们现在没有关键的 P1 问题,这些问题需要立即解决。我们也没有 P2 问题,这些问题虽然优先级高,但并不关键。仅剩三个中等问题、五个低级问题和两个信息性问题。漏洞数量减少 2.5 倍,所有关键问题都已消除,这突出了我们安全改进的有效性。

条形图显示了从 2023 年 3 月到 2024 年 5 月 Gcore.com 上的网站漏洞数量,按月分组,突出显示了总共 10 个问题。

这份每月网站漏洞图表显示了过去 15 个月内有 10 个问题,反映了安全性的提高。

2. Web 应用防火墙 (WAF) 和机器人防护

在 2024 年 4 月实施 WAF 和机器人防护后,与安全漏洞相关的事件指挥会议 (ICM) 的频率减少了一半以上。

3. Gcore DDoS 防护

此策略保护我们的网站免受分布式拒绝服务 (DDoS) 攻击,并保证高可用性。在 Gcore.com 和 Gcore.com/blog 上实施Gcore DDoS 防护 后,我们过去 30 天的可用性达到了 99.99%,如 Site24x7 监控所示。此外,为了进一步增强性能监控,我们在 Sentry 中设置了一个替代工具来监控核心 Web 指标 (CWV)。

在过去几个月里,我们没有发生任何事件指挥会议 (ICM),这让我们对我们的屏蔽措施的有效性充满信心。在实施 Gcore DDoS 防护后,我们以半对半 (HoH) 的方式将 ICM 减少了一半以上(将最近六个月与之前的六个月进行比较),在过去一年中,正常运行时间从 80% 提高到 99.99%。

4. 自动 Pod 扩展

此方法调整容器化环境中运行的 Pod 的数量。在 Gcore,我们在 2023 年 12 月在我们的博客上实施了自动 Pod 扩展,并在 2024 年 2 月在主网站上实施了自动 Pod 扩展。之后,与我们的博客相关的 ICM 数量以半对半 (HoH) 的方式减少了一半以上。此外,我们的正常运行时间同比 (YoY) 从 80% 提高到 99.99%。

SEO 策略

在数字营销中,搜索引擎优化 (SEO) 对于提高可见度和推动自然流量至关重要,因此我们对我们网站的 SEO 策略进行了重大改进。虽然Google 不断创新以识别安全、用户友好和功能齐全的网站,但我们专注于几个始终如一地被认为可以提高排名的关键领域。

1. 结构化数据标记

结构化数据标记涉及在您的网站中添加特定类型的代码,以帮助搜索引擎更好地理解内容,从而提高搜索可见度,改善点击率 (CTR) 并提供更好的用户搜索体验。实施结构化数据标记可以带来更高的搜索排名、竞争优势以及电子商务网站的益处,例如数据可移植性和内容的未来证明。

为了改善我们网站的健康状况,我们增强了产品页面上的结构化数据标记。我们将结构化数据直接添加到源代码或 HTML 的头部部分,以便我们的产品页面具有适当的标记。例如,我们更新了仅包含“价格”信息的页面,以包括“lowPrice”和“highPrice”值,这为搜索引擎提供了更详细的定价信息。

这项工作将网站健康评分从 2022 年 12 月的 60/100 提高到 2023 年 6 月的 97/100,并在 2024 年 6 月达到完美的 100。我们的结构化数据标记准确且全面,显着增强了我们网站的 SEO 和整体可管理性。

三个圆形仪表显示网站健康评分随时间的改善:2022 年 12 月为 60,2023 年 6 月为 97,2024 年 6 月为 100

网站健康评分从 2022 年 12 月的 60 提高到 2024 年 6 月的 100,反映了增强的 SEO 和性能。

2. 列表的特殊标签

为了解决 Google 的 CWV 评估中发现的性能问题,我们从 2023 年 8 月开始在我们的网站上为列表内容实施了独特的 HTML 标签。我们希望此更改能够增强可读性和页面结构,尤其是在移动设备上,移动设备上的分数明显较低(我们的 CDN/电子商务页面评分在移动设备上为 46,在台式机上为 65)。移动页面需要进行重大改进才能满足 Google 的移动优先索引标准。

通过使用独特的标签改进结构,我们旨在提高最大的内容ful点 (LCP) 和第一个内容ful点 (FCP) 指标,从而增强用户体验并提高我们跨设备的整体网页性能得分。在 2023 年 11 月至 2024 年 5 月期间,移动性能得分提高了 16%,LCP 提高了 32%,FCP 提高了 46%。这些改进在很大程度上归功于我们为列表内容实施的独特 HTML 标签,这些标签增强了可读性,改进了页面结构,并允许更快地呈现关键元素。

从 2023 年 11 月到 2024 年 5 月的性能得分改进,包括 LCP 和 FCP 指标

从 2023 年 11 月到 2024 年 5 月的性能得分图表,显示移动得分提高了 16%,LCP 提高了 32%,FCP 提高了 46%。

3. Google 标签管理器 (GTM) 优化

这涉及优化 GTM 配置以提高网站的效率和性能。我们首先彻底分析了 GTM 设置,以识别并删除不必要的标签。

我们发现超过 75% 的现有 GTM 标签无关紧要。通过简化 GTM 配置并删除 300 个冗余标签,我们优化了资源利用率,减少了服务器负载,并加快了页面加载时间。

4. 图片的 SEO 标准

我们通过使用适当的格式、压缩文件和提供清晰、高质量的图片来优化网站上的图片。我们现在以 WEBP 格式提供所有视觉效果,以减小文件大小而不影响质量,提高页面加载时间并提升 SEO 性能。

其他高级图像优化技术,例如通过 Gcore CDN 的 Gzip 和 Image Stack 将图像压缩 30% 到 70%,显着改善了 LCP 和 FCP 等关键性能指标,这对 SEO 至关重要。因此,我们的图像针对用户体验和搜索引擎可见性进行了优化,从而带来更高的搜索排名。

5. Google 搜索影响和自然流量

这些是衡量网站通过自然搜索吸引和留住访问者的效果的关键指标。我们在优化网站的 SEO 和性能方面做出的努力,导致 Google 搜索影响力显着提高。

自然流量的显着增长在过去一年中对几个相关的营销指标产生了积极影响:

  • 自然流量增加了 5 倍。
  • 参与度会话增加了 5 倍。
  • 参与度率提高了 21%。
  • 转化率增加了 11 倍。

无障碍改进

作为我们整体网站改进的一部分,我们还采取了五项措施来提高其无障碍性。

1. 色彩方案调整

此过程涉及修改网站的调色板,以通过选择文本和背景之间提供足够对比度的颜色组合来增强患有色盲等视觉障碍用户的无障碍性。

在我们的网站上,我们使用来自 Web 内容无障碍指南 (WCAG) 等无障碍标准的工具和指南,调整了配色方案以适应所有用户。这些调整有助于使我们的网站更广泛地访问,并允许所有用户高效有效地浏览和交互我们的内容。

2. 字号调整

修改网站上的文字大小可以提高所有用户的可读性,尤其是视力障碍者。我们实施了可缩放的字体大小,这些字体大小会根据用户的偏好和浏览器设置进行调整,从而在各种设备和屏幕上提供更好的可读性。

3. 改进的替代文字

通过为网站上的图像提供详细的描述(alt 属性),内容变得对依赖屏幕阅读器的用户可访问,并且 SEO 也得到了提升。我们的内容营销部门审查并更新了所有图像的 alt 文本,以提供更清晰、更具描述性的信息。

4. 消除 404 问题

消除 404(页面未找到)问题需要识别和解决损坏的链接,以便用户可以访问正确的页面。我们自动化了 404 错误检测,并将重定向链从三个简化为一个,这意味着用户现在只需经过一个重定向即可到达最终目的地,而不是经过三个重定向,从而提高了导航的速度和效率。此改进已应用于 Gcore.com 的生产环境,所有测试均已成功通过,以改善导航并提供更好的整体网站体验。

我们的结果

我们评估了我们的数字,以客观地了解该项目的执行情况。

  • 加载时间:我们专注于优化图像和实施延迟加载,显着改善了加载时间。例如,LCP 在七个月内提高了 32%。
  • SEO 排名:通过增强我们的 SEO 实践,例如优化结构化数据和实施高级图像优化技术,我们的 Google 搜索影响逐年增长五倍 (YoY)。有机流量同比增长 500%,参与度会话和参与度率大幅提升。
  • 用户参与度:无障碍改进,包括配色方案调整和字体大小修改,带来了更好的用户体验。这导致参与度率提高了 21%,参与度会话同比增长了 5 倍。转化率同比增长了 11 倍,同时保持了稳定的转化率。

虽然我们对这些结果感到高兴,但我们的创新仍在继续,我们正在努力实现更多网站改进。

结论

从改变我们如何处理网站的文化开始,我们能够显着提高其性能、SEO 排名、可访问性和用户参与度。强调数据驱动决策和协作的产品管理方法证明了进行特定改进的坚实基础。数据证明了一切:我们已经看到了所有指标的提升。

我鼓励其他组织采用类似的策略,通过卓越的在线客户体验来改善其业务成果。我希望通过分享我们在 Gcore 的流程,您已经获得了一些关于从哪里开始的想法。祝你好运!

Elena 感谢她的团队,他们实现了这个项目并为本文提供了数据:Nikolay Baranov、Karen Bzhshkyan、Ochuko Eyube、Daria Gromova、Galina Iakusheva、Ilia Kotiashkin、Mikhail Loviagin、Grachia Martirosian、Rustam Mustafaev、Eugene Shygabutdinov 和 Maria Yurlava。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注