网站开发 - 网站加速

• 

  简述

  加快网页或网站的速度与找到合适的托管服务提供商或域名一样重要。为什么？

  只需阅读以下统计数据，您就会改变主意。

  一秒钟的页面加载时间产生 -

  • 页面浏览量减少 11%。
  • 客户满意度下降 16%。
  • 转换损失 7%。

  亚马逊发现这是真的，根据他们的小组报告，他们的网站速度每提高 100 毫秒，收入就会增加 1%。

  根据Akamai的一项研究结果-

  • 47% 的人希望网页在两秒或更短的时间内加载。
  • 如果加载时间超过三秒，40% 的人会放弃网页。
  • 52% 的在线购物者表示快速页面加载对于他们对网站的忠诚度很重要。
• 

  如何测试我的网站速度？

  该领域的一些著名专家建议使用称为Webpagetest ( https://www.webpagetest.org/ ) 的在线工具。它是一个开源项目，主要由 Google 开发和支持。它使用真实的浏览器（IE 和 Chrome）并以真实的消费者连接速度从全球多个位置进行网站速度测试。您可以运行简单的测试或执行高级测试，包括多步骤事务、视频捕获、内容阻止等等。您的结果将提供丰富的诊断信息，包括资源加载瀑布图、页面速度优化检查和改进建议。

  在我们的示例中，我们将为来自德国的用户使用 Chrome 浏览器测试cainiaoya.com的性能。

  要运行测试，请打开 URL https://www.webpagetest.org/

  输入域名，如以下屏幕截图所示 -

  • 测试位置 – 用户所在的国家/地区。
  • 浏览器——模拟用户的浏览器。
  • 点击“开始测试”。

  

  我们将在主页中得到以下结果。它将显示打开包含相应元素的网页所需的所有时间。

  

  如果我们进入性能审查部分，它将指出应该优化哪些元素。

  
• 

  如何加快我的网站？

  加快网站速度的基本技巧如下 -

  • 最小化 HTTP 请求- 简而言之；简化您的网页设计。
  • 最小化服务器响应时间- 根据用户的位置，服务器响应时间会发生变化，这是因为它们之间的距离。建议如果您的大多数访问者都在一个特定区域，您的托管服务提供商也应该位于该区域，这样可以缩短数据的传输距离。
  • 可压缩的 - 压缩会减少页面的带宽，从而减少 HTTP 响应。您可以使用名为Gzip的工具来执行此操作。
  • 启用浏览器缓存- 当您访问网站时，页面的元素存储在缓存存储中，因此下次访问该网站时，您的浏览器可以加载页面而无需向服务器发送另一个 HTTP 请求。
  • 优化您网站的图片。
  • 如果可能， CSS 交付应该是外部的。外部样式表更可取，因为它减少了代码的大小并创建了更少的代码重复。
  • 减少创建 HTTP 请求的重定向。
  • 如果您的网站是一个内容管理系统平台，那么尽可能减少插件的使用。
  • 从您的 JavaScript、CSS 和图像 URL 中删除损坏的链接。

  在下一章中，我们将学习如何为网页做广告。