加速你的网站

提升网站速度

网站速度是用户体验（user experience）、搜索引擎排名（search engine ranking）和转化率（conversion rates）的关键因素。一个缓慢的网站可能导致用户沮丧，并失去机会。

考虑以下广泛引用的关于页面加载时间（page load time）影响的统计数据：

页面加载时间即使延迟一秒，也可能导致页面浏览量（page views）减少 11%。
可能导致客户满意度（customer satisfaction）下降 16%。
可能导致转化率（conversions）损失 7%。

像 Amazon 这样的公司报告称，即使网站速度（site speed）有一点点提升（例如 100 毫秒），也能带来可观的收入增长。

诸如 Akamai 等机构的研究强调了用户的期望：

很大一部分人期望网页（webpage）在两秒或更短时间内加载。
许多用户如果页面加载时间超过三秒就会放弃访问。
大多数在线购物者表示，快速加载页面对于他们对网站的忠诚度很重要。

如何测试网站速度？

有几种在线工具可以帮助您分析网站速度并找到改进的地方。知名的工具有：

Google PageSpeed Insights：分析您的页面内容并提供加快速度的建议。它还提供核心 Web 指标（Core Web Vitals）评估。
Lighthouse：一个开源的自动化工具（通常集成在 Chrome Developer Tools 中），用于提升网页质量。它对性能（performance）、可访问性（accessibility）、渐进式 Web 应用（progressive web apps）、SEO 等进行审计。
WebPageTest.org：允许您使用真实浏览器和真实的消费者连接速度，从全球多个位置运行免费的网站速度测试。它提供丰富的诊断信息，包括资源加载瀑布图（resource loading waterfall charts）。

进行测试时，请模拟与您的目标受众相关的条件，例如他们所在的典型位置和网络速度。这些工具通常会提供一个性能评分和可操作的建议。

如何提升网站速度？

提升网站速度涉及多种策略的结合。以下是关键技巧：

优化资源交付（Optimize Asset Delivery）：虽然像 HTTP/2 和 HTTP/3 这样的现代协议能更有效地处理多个请求，但最大程度地减少整体数据传输量仍然至关重要。这包括优化代码、减少大型资源的数量以及简化设计。
最小化服务器响应时间（TTFB）：力求更快的首字节时间（Time to First Byte）。这可以通过优化您的服务器（server）、数据库查询（database queries）和应用程序代码（application code）来改善。使用内容分发网络（Content Delivery Network，简称 CDN）也能显著帮助。
启用压缩（Enable Compression）：使用服务器端压缩（server-side compression）（如 Gzip 或更好的 Brotli 以获得更小的文件大小）来减小 HTML、CSS 和 JavaScript 文件的体积。
利用浏览器缓存（Leverage Browser Caching）：使用适当的 HTTP headers（例如 Cache-Control、Expires）指示浏览器在本地存储静态资源（static assets）（图像 images、CSS、JS）。这能加快回头访客的加载速度。
优化图像（Optimize Images）：在不明显损失质量的情况下压缩图像。在支持的情况下使用现代格式，如 WebP 或 AVIF。使用 <picture> 元素或 srcset 属性等技术为不同设备提供适当尺寸的响应式图像（responsive images）。为视口外图像（off-screen images）实现延迟加载（lazy loading）。
优化 CSS 和 JavaScript：Minify 压缩 CSS 和 JavaScript 文件，移除不必要的字符。考虑内联关键 CSS（inlining critical CSS）（用于首屏内容 above-the-fold content）以加快初始渲染。延迟加载非关键 JavaScript（defer loading of non-critical JavaScript），防止其阻塞页面渲染。
使用内容分发网络（CDN）：CDN 在全球各地的服务器上存储您网站静态资源的副本，从离用户最近的位置提供服务，从而减少延迟（latency）。
减少重定向（Reduce Redirections）：每次重定向都会触发额外的 HTTP 请求-响应循环，增加延迟。尽量减少重定向。
优先加载首屏内容（Prioritize Above-the-Fold Content）：确保用户无需滚动即可看到的内容尽快加载。延迟加载首屏下方的资源（resources below the fold）。
监测核心 Web 指标（Monitor Core Web Vitals）：关注 Google 的核心 Web 指标（Core Web Vitals），如最大内容绘制（Largest Contentful Paint - LCP）、首次输入延迟（First Input Delay - FID）、累计布局偏移（Cumulative Layout Shift - CLS），这些是用户体验（user experience）和感知速度的关键衡量标准。
最小化插件使用（对于 CMS）：如果使用内容管理系统（Content Management System，简称 CMS），如 WordPress，请注意插件的数量，因为编码不当或过多的插件会拖慢您的网站。
保持软件更新（Keep Software Updated）：确保您的服务器软件、CMS、主题（themes）和插件（plugins）保持最新，因为更新通常包含性能改进。