提高网站加载速度的9种方法

厌倦了缓慢的网站?了解如何修复和改善您网站的性能,以提高页面加载速度,使观看者更快乐, & 更高的转化率.


如何修复加载缓慢的网站

您可能已经花了很多时间来研究站点的可用性和用户体验,这对于当今的在线业务而言至关重要,但是如果不优化站点的页面加载速度,最终会使这两者都失败。速度是网站可用性和用户体验的重要组成部分,没有它,您就有失去访问者的风险.

没有人喜欢 网站速度慢. 较低的页面加载速度可以使用户更快地离开。至少比页面加载所需的时间快!

快速提示: 研究表明 需要一秒钟 使观众的思想流保持不间断。此后每秒钟,您的网站就有失去该查看者兴趣的风险。您的目标是让您的网站加载一秒钟或更短的时间.

网站的加载时间很重要!

在网络初期,许多网站都是静态HTML,基本上是纯文本文档,因此从理论上讲,它只需很少的时间即可加载。但是,连接速度也很慢(如果您还太年轻,不记得使用28.8调制解调器浏览网络,这就像被迫在高速公路上每小时行驶1英里)。考虑网页上的图像大小和图形数量非常重要,更不用说动态网站是使用CGI加载的。这大大降低了速度。现在,带宽增加了。我们可以在网络上做更多的事情,当然,.

但是,请务必记住,旧规则仍然适用.

尽管我们的互联网速度和我们使用的设备(例如笔记本电脑,平板电脑, & 智能手机)每年都在越来越快,我们的耐心似乎越来越短。它的 永远不够. 我们想要我们想要的,我们想要它 现在. 这就是为什么在线业务优化网站的加载时间非常重要.

在本文中,我们将讨论用于优化网站页面加载速度的最佳做法和最新技术,以便您可以将其应用于自己的网站.

另请阅读: 速度对SEO也很重要.

测试工具

在开始任何事情之前,您将需要一种确定方法 什么 正在减慢您的网站速度,并衡量您当前网站的速度以衡量改善情况。下面列出的问题可能不是您的主要问题,但是除非您可以监视此过程,否则您将无法知道。.

您应该意识到,有很多奉献。以下某些解决方案听起来似乎彼此矛盾。那是因为有时解决一个问题可能会使您网站的另一个方面的速度降低。例如,创建图像精灵可能会导致首先需要加载一个大图像,这在减少加载许多其他图像的需求的同时,可能会减慢初始加载时间(我将在稍后介绍这些方法).

因此,您应该衡量一个更改相对于另一个更改的结果,以便可以确定提供最佳结果的原因.

这里有一些有用的工具:

  • Google Page Speed Insights –这个来自Google的免费工具将检查所有URL,并在您的网站上进行性能测试。对于您的网站在台式机和移动平台上的工作方式,它提供了不同的结果。它将涵盖本文中讨论的许多领域,并就可能导致您的网站运行缓慢的原因提出建议。但是,此工具似乎非常激进,有时甚至不切实际,因此请记住这一点。.
  • Pingdom网站速度测试 – Pingdom还提供了一些出色的速度测试解决方案,可以在全球多个地方测试您的站点(这是使用CDN的一个好主意的原因之一;下面将详细介绍)。它提供了许多实用的解决方案来提高您的速度.
  • 伊斯洛 –这是一个免费的浏览器插件,可根据HTTP请求的数量,图像大小,是否正在使用CDN等为您提供评分.
  • 绩效预算计算器 –这是一个有用的小工具,用于确定您可以“负担”什么样的内容(基于带宽)以使站点保持最佳运行状态.

警告: 要考虑的另一重要事项是哪种方法最能改善用户体验. 您应该找出额外的加载时间与渐进式加载时间是否最有效。最好的方法是进行可用性测试,尤其是A / B测试.

如何使您的网站加载速度更快

好的,现在您有了一些测试工具,让我们深入研究可以做的实际事情,以加快网站的速度!

您使用WORDPRESS吗? 有很多插件 & 可以使用特定的WordPress优化来完成此处列出的许多任务!看看我们的文章专门旨在使WordPress更快.

1.您的文件太大或太多

还记得以前我们是如何谈论网络早期文件大小的重要性吗?这仍然很重要。尽管这似乎很明显,但仍然需要说. 大文件加载时间更长.

使用较小的文件,但文件较少(这实际上可能会增加用户体验。虽然人们喜欢图像,但过多的图像会造成信息过载)

大多数时候,您不需要非常大的图像。尽管使用CSS调整图像大小很容易,但是如果这样做是为了减小文件的大小,那么您正在浪费带宽。调整图像大小 之前 您上传它们。可以使它们变小多神奇.

2.开启GZIP压缩

即使减小了文件大小,在将其发送给用户之前,最好将它们与网站的其余部分一起压缩。您可能已经熟悉此概念。有时,您需要一种通过网络发送大量文件的方法,因此您需要将其“压缩”到提供商所允许的大小。嗯,HTTP压缩几乎是一回事.

大多数Web服务器将允许使用名为 gzip. Gzip将获取您网站上的所有文件,将它们压缩到较小的大小,然后再发送到用户的浏览器。这将与您网站上的所有文件一起使用。这里还有一些其他方便的在线图像压缩工具,可用于您压缩站点上的文件.

3.缓存

您还可以向浏览器提供有关何时应使用网站的缓存版本与新版本的说明。通过使用 过期标题 您可以告诉用户使用缓存的内容(如果它是静态的),也可以在需要加载新内容(例如动态内容)时加以利用.

4.您的服务器调用过多(HTTP请求)

这是加快网站速度时要考虑的最重要的事情之一。每当您请求一个新文件,或由于任何原因重定向网站时,这都会减慢该过程。对于每个浏览器,用户的浏览器都必须带您的服务器,然后服务器将查找资源,并将其传递回用户。虽然可以小剂量这样做,但是每次服务器调用(特别是如果它们发生在同一页面上)都会大大降低您的网站速度.

您请求或站点上拥有的每个文件都会向服务器发送呼叫。如果您的站点上有20张图像,则必须调用该服务器的20倍。您可以做很多事情来减少这些.

  • 使用CSS图片精灵 –这些是单张图像,其中包含您网站上所有图像的合成图像。您可以使用CSS来提供仅在特定位置显示所需的文件部分。这意味着将只调用一个大图像,而不是用20个调用20张图像。但是,请注意–虽然这会减少对数据库的调用次数,这肯定会加快您的网站速度,但图像大小仍然可能是一个问题.
  • 修复断开的链接 –每当您尝试将某人发送到您网站上不再存在的页面时,都会导致您的服务器传递404页面。从本质上讲,这意味着它查找页面,获取未找到的消息,然后必须检索自定义错误。这些服务器调用中的每一个都会使您减速.
  • 减少重定向 –尝试减少选择让服务器将某人发送到其他页面的时间。为此目的设置页面似乎很有帮助(例如,对于SEO),但是如果您进行过多的服务器调用,则可能会使您的网站速度变慢并对用户体验产生负面影响.

图像精灵的示例图像精灵的一个例子. 图片来源

6.您网站的编码需要优化

  • 缩小CSS和JavaScript – 空格对网络浏览器来说意味着一些东西。它对您或我来说可能看起来是空的,但每个空格都是必须读取和呈现的字符。在许多情况下,这是没有必要的,因此您可以使用一些最小化工具将这些文件压缩为仍可工作但读取组件的速度更快。 Google提供了一些不错的工具来帮助您 最小化您的JavaScript和CSS
  • 如果不是动态内容,请使用HTML而不是PHP – 尽管您的许多代码可能都是动态的,但有时可以放心使用老式的HTML代码,这很好。 PHP必须通过处理器运行。 HTML由浏览器直接解释。如果您只是交付静态内容,则将其静态存储.
  • 将CSS放在顶部,JavaScript在底部 –这是一个旧规则,但仍然适用。您需要快速呈现CSS,但是JavaScript应该仅在页面本身加载后运行。另外,您可能不希望过多地依赖从外部文件调用JavaScript。如果没有太多,请直接将其包含在页面中,因为这是一个少发出的HTTP请求.

注意:如果您使用的是大型流行的JavaScript库(例如JQuery),则建议有所不同。您可能希望将它们放在单独的文件中,但实际上,直接从CDN中使用jQuery是一个更好的主意。这有两个优点。由于这些库很流行,因此用户很有可能已经拥有该库的缓存版本,因此完全不需要花费任何时间进行加载。如果您有服务器提供它,则这是另一个服务器调用,并且需要加载整个库才能使其工作。这可能会增加您网站的速度.

好的,现在您已经在内部进行了尽可能多的检查和固定,但它仍然显得缓慢,尤其是在长距离情况下。让我们看一些服务器工具.

7.您的网站由于延迟而变慢

延迟是一个术语,指的是服务器响应HTTP请求所花费的时间。之所以如此重要,是因为您不想发出太多请求。如果可以加快这次的速度,它将大大提高您网站的速度。延迟根据最终用户与提供内容的服务器之间的物理距离而增加.

网站延迟示例

解决此问题的最佳方法之一是使用内容分发网络或CDN。这些缓存您的网站内容的副本位于地球上的各个地方,因此减少了每个位置的等待时间。最著名的CDN提供商包括Akamai,Cloudflare和Amazon AWS,但还有许多其他提供商。使用CDN进行研究非常值得,尤其是当您的客户离服务器的位置很远时.

8.您的数据库太慢

如今,大多数网站都严重依赖存储在数据库中的内容。对于电子商务网站尤其如此。您可能有很多产品,需要存储它们并点击一下。虽然数据库很棒,而且是您的朋友,但是数据库的组织效率可能很低,或者可能存在许多错误的查询。请记住,如果用户必须在每次查询之间等待几秒钟,那么这将相加。如果用户没有立即找到他们想要的确切产品,或者花费的时间太长,他们可能会离开而无需购买。即使他们确实找到了一些东西,他们继续浏览的几率也会随着所花费的每一秒钟而减少.

这很好 逐步指南 关于如何在MySQL数据库上开始使用.

注意: 如果您的数据库很大,则可能需要聘请数据库专家来为您提供帮助,因为这可能会涉及一些问题.

9.您的网络托管服务提供商还不够快

无论您对网站进行多大的摆弄和调整,它的速度都仅取决于其最弱的链接–在这种情况下,它就是您的Web服务器。选择快速的虚拟主机是快速网站的基础。实际上,您可以将所有优化分为两个主要部分-1)网站优化和2)Web服务器优化。虚拟主机至关重要,这就是为什么我们为此编写了广泛的指南。您的Web服务器实际上非常复杂,物理服务器的硬件和软件都需要很多配置,但是幸运的是,大多数Web托管计划都是受管理的,这意味着Web托管公司将为您完成此任务。有关要使用的一些优秀公司的列表,我们已在最快的网络主机上发布了这篇文章。.

结论

尽管可以对上述每个类别进行更详细的研究,但是如果您遵循这些准则,则很有可能将网站加载时间缩短一半或更多,并且肯定会提高您的网站速度现场。如有任何疑问,请在评论部分让我知道.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me