五招帮您提高网站性能

【51CTO.com快译】众所周知，没有人会喜欢在超市里排队结账，也没有人愿意在餐厅里排队等号。其实，网站的访客也是如此，他们不喜欢那些加载和响应速度缓慢的网站。他们甚至会通过减少访问次数、以及相互告诫来表达自己的不满。

根据Aberdeen Group的一项研究表明( https://wpostats.com/tags/page%20views/ )：如果某个网站的加载时间多延迟一秒，那么就会导致：

• 浏览次数减少11%。
• 访客的满意度降低16%。
• 购买转换率减少7%。

根据上述的数字我们不难看出：缓慢的加载页面不但会影响网站本身的性能，而且难以留存用户的数量、以及他们在此停留的时长。实际上，64%的在线购物者如果发现其目标网站响应过慢的话，就会毫不犹豫地“扭头便走”，转投其他的网站。

不过可喜的是，您不必为了优化自己的网站性能，而去修炼成为高级码农。通过参考如下五种方法，您也能在提高网站加载速度的基础上，成功实现付费用户的转化，以及品牌认可度的提升。

1.使用各种缓存插件

让我们先考虑一下在大量用户访问某个目标网站时，其后台会发生什么：

• 浏览器通过地址栏搜索访问Web站点。
• 目标站点通过特定的PHP代码与网站主机进行通信。
• 网站主机向后台存储了网站所有、或部分内容的主数据库发出请求。
• 在收到请求之后，数据库将其编译为可读的HTML页面，然后发回网站主机，并最终呈现给用户。

有经验的读者一定会发现，在该过程中，最消耗时间、最可能降低网站访问速度的步骤是：在主数据库处检索访问请求。此处正好需要缓存插件来派上用场。

为了减少网站的加载时间。这些插件省去了每一次在用户访问时重复使用PHP技术，动态地构建页面。它们通过创建不变的、或是静态的HTML文件，并将其保存下来，以备将来使用。显然，此过程不但减少了服务器的负载，而且最大程度地降低了对于带宽的使用。与此同时，它们还有助于防止信息在中继过程中可能出现的延迟。有统计表明：网站如果能够合理地使用缓存插件，其页面的加载时间能够减少22%到58%。

2 选择VPS托管

对于资金不够雄厚的企业而言，网站性能不佳有时候源于选购了过于廉价的Web主机。托管机构通常会提供一个共享式的服务器，这些企业的网站与其他许多各种类型的网站鱼龙混杂在一起，因此用户对该网站的访问请求必须参与资源的“排队”。

此时，企业就需要重新考虑是否应该选购更为可靠的、由虚拟专用服务器(virtual private server，VPS)所提供的托管服务了。具体请参见： https://dzone.com/articles/the-benefits-of-vps-hosting 。总的说来，VPS托管能够为提升网站页面加载的速度带来如下好处：

专用资源

• 防止其他站点消耗本网站的CPU、以及内存等既有资源。
• 提供专有的服务器资源与性能，而不再使用共享的方式。
• 能够灵活且按需地优化资源，提供更多的CPU与内存处理能力，进而能够更快地受理与执行大量的请求。

本地资源

• 将数据资源直接保存在Web服务器上，而不再像共享托管的模式那样，必须将资源转存到另一台服务器上。
• 提高网站的本地调用性能。
• 实时获取快捷的硬盘性能。
• 相比标准的磁盘驱动器而言，固态硬盘(或SSD)加载文件的速度更快。

可见，如果您的网站体积较大、且占用的资源较多，那么请升级当前的托管计划，以获取更好的页面性能。当然，在选购VPS主机之前，请务必先阅读相关社区的认证用户对于该平台的评论，考量它是否真的能够允许大量用户，在不影响性能的情况下，同时浏览托管网站。

3 减少HTTP请求

雅虎曾研究发现：普通网站的80%加载时间，通常被浪费在下载各种脚本、样式表和图像等方面。每一项元素都会发出的不同的HTTP请求，因此如果页面上的组件过多，那么呈现页面所需的时间必定会较长。

不过，在减少此类请求之前，我们有必要先具体了解本站点到底产生了那些HTTP请求。我们可以采用如下方式建立一个参考基准。

• 在Google Chrome的菜单中，依次点击更多工具->开发者工具。
• 在目标页面上需要分析的区域，右击并选择“检查”。
• 在右半部分的侧边栏中，点击“网络”菜单。如果没有看到右侧栏的话，请拖曳鼠标以展开。
• 在“名称”列中仔细查看每一个文件。通过参阅右边的“大小”和“时间”列，以获悉每个文件的体积，以及加载所需的时长。
• 在左下角处，您可以查看到本网站该区域发出了多少请求。(如下图所示)

通过梳理相关文件，我们既可以删除那些不需要的文件，又能够按需合并部分文件。此外，由于某些无效的断链接会通过创建替代性的HTTP请求，来降低网站的响应速度，因此我们需要修复此类链接，以减少请求的整体数量。

4 使用外部平台来承载视频

生动有趣的视频显然会让您的网站增色不少，但是视频文件本身也可能拖慢网站的加载速度。请注意如下三个方面：

• 切勿通过WordPress编辑器、或文件传输协议(FTP)，将视频直接上传到自己的网站。它们会占用您有限的服务器存储空间。
• 从用户体验的角度来说，与其在带宽有限的服务器上播放可能出现停滞和延迟的视频，不如根本去掉。
• 请将视频上传到“爱、优、腾”之类的第三方专业平台，然后将其链接嵌入自己的网站。

总之，通过借助稳定、高速的外部视频平台，您不但可以节省服务器上的空间，还能够提高播放时的用户体验。

5 优化CSS的交付

CSS负责管理页面上的各类样式需求。通常Web站点会通过如下方式来获悉相关的信息：

• 在页面呈现之前，事先加载外部文件。如下代码展示了当外部CSS被加载到HTML头部时的样子：

CSS

<!—Your styles –> 
<link rel=”stylesheet” type=”text/css” media=”all” href=http://yourURL/style.css />  

• 将内联的CSS嵌套在页面的HTML中。此举的好处在于：
  • 将所有的CSS都放在外部样式表中，以避免在HTML代码中包含过多的CSS，从而保障了代码的简洁，并避免出现重复性的代码。
  • 通过设置单一的外部样式表，可避免产生针对多种样式表的HTTP请求数量。如果需要，我们可以将它们进行合并。
  • 在为HTML添加新的引用、并删除旧的文件时候，我们可以复制每个CSS文件的内容，并粘贴到单一的主CSS文件之中。

总之，单一的CSS文件可以有效地减少来自用户浏览器的请求数量，并缩减页面的执行时间。当然，为了安全起见，请留意CSS可能出现的渲染阻止(render-blocking)等问题。

原文标题：5 Things Your Website Needs for Faster Performance in 2020，作者：Joydeep Bhattacharya

【51CTO译稿，合作站点转载请注明原文译者和出处为51CTO.com】

【责任编辑：庞桂玉 TEL：（010）68476606】