14个照明技巧,以加快您的网站速度

这个有关网站速度的博客系列非常有趣.


到目前为止,我们了解到,如果网站速度变慢,亚马逊将损失16亿美元!.

我们还确切了解了导致网站运行缓慢的幕后情况.

它带给我们自然的结论:您如何才能加快速度?我们涵盖了从服务器速度到优化的所有内容,以及介于两者之间的一些额外功能.

首先,让我们回顾一下造成速度缓慢的原因:

当您在Bitcatcha加载我的网站时,您的浏览器(Firefox,Safari,Chrome等)开始与我的Web服务器进行对话.

浏览器:“嘿,Web服务器!您能让我显示Bitcatcha.com的所有点点滴滴吗?”

服务员:“当然,让我找到它们,然后发送给他们”.

然后,Web服务器将所有网站部分放入隧道,并将其发送到您的浏览器以进行加载.

听起来很简单,但是这会使速度变慢:

  • 懒惰的服务器需要很长时间才能响应请求.
  • 同时为许多其他网站管理零件的服务器.
  • 很多大型网站的“部分”,每个部分都必须找到并发送到隧道中.
  • 繁忙的隧道.

这里有很多地方可能出错。所以,我们如何加快速度?

加快您的网站

第1部分:加快服务器速度

1.升级到更好的Web主机(即更好的服务器)

您的虚拟主机是提供服务器的公司。这就像租用一块互联网土地,您将在其中存储所有网站部分.

我们大多数人倾向于购买我们发现的最便宜的土地。但这不一定是一个明智的解决方案.

廉价的Web主机租用的服务器非常拥挤且很小。请记住,您希望服务器快速响应请求,并通过隧道将您的网站快速发送到浏览器.

注意

查看基于服务器响应时间的最快网络托管列表.

2.从共享主机切换到VPS

廉价的网络主机会将您的网站与大量其他网站一起放置在服务器上。这就是共享托管,这意味着您必须为获得资源而奋斗.

如果一个网站突然收到大量流量,则会降低您的访问速度,同时占用带宽.

通过切换到VPS(虚拟专用服务器)或(至少是高端共享服务器,如SiteGround),您的虚拟主机将为您隔离共享服务器的一角。这意味着您不必担心其他网站会盗用您的资源.

3.将服务器移近观众

每当有人点击您的网站时,您的服务器就必须将地球上的信息实际发送到他们的计算机屏幕上.

如果服务器在世界的另一端,那将需要很长时间。如果您知道大部分流量来自何处,请让您的网站托管服务商将您的网站放在距离主要受众群体最近的服务器上.

4.使用内容交付网络

将服务器移到特定受众附近的麻烦在于,有人会失败。如果您将服务器移至加利福尼亚,则澳大利亚访客的加载时间将会很慢。您的欧洲游客也是如此.

内容交付网络或CDN将您的数据存储在世界各地的服务器上。因此,当有人点击您的网站时,离他们最近的服务器会发送信息.

这意味着无论您身在何处,访客都可以超快的速度。 (供您参考,我在Bitcatcha中使用Cloudflare。)

5.激活“保持活动”设置

当您的服务器将您的网站文件发送到隧道时,每个部分都会分开传播。您的CSS样式表,徽标,每个图像等.

显然,最有效的方法是将它们全部发送到同一条大隧道中.

这就是“保持活动”设置的地方。激活该设置后,主隧道保持开启状态,所有连接均断开连接。(这非常快).

但是,当设置关闭时,必须为每个元素创建一个新的隧道。 (这太慢了).

大多数Web主机都保留此设置(很好),但是有时共享主机会关闭连接而不会发出警告.

第2部分:优化网站元素

既然我们已经使您的服务器尽可能快速高效,那么我们如何自己优化网站部分?

6.减少往返时间(RTT)

您的浏览器当前必须每次向服务器询问每个元素。您的徽标,然后是每个图像,然后是CSS样式表.

收到它的时间是一次往返.

您必须进行的往返行程越多,整个网站的加载时间就越长。这就像用盒子包装好您的汽车,然后将它们搬到新房子里一样.

您拥有的箱子越多,往返的次数就越多。解决方案?减少您要带走的箱子数量.

减少服务器必须通过隧道发送的元素数量。图像更少,代码更少,插件更少.

7.在您的网站上启用压缩

不幸的是,不仅仅是盒子的数量。他们有多沉重。如果您的所有元素又大又沉,那么它将占用您隧道中的大量空间。它们的移动速度也会变慢。就像货车在堆积。每个装满沉重的箱子.

幸运的是,您可以压缩您的网站及其上的所有内容。使用Gzip之类的工具。 (它已被90%的浏览器所认可。–除少数仍在使用Internet Explorer 4的散客之外,几乎所有人都使用它。)

您网站上最矮小的部分是图像,HTML,CSS和Javascript。通过压缩它们,您可以减少网站在转移时的平均“权重”.

有趣的事实

网站的平均权重为2MB,但每年都在增长.

8.优化您的图像

图片通常是任何网站中最重要的部分。它们是最大,最胖,最慢的加载元素.

首先将它们裁剪到所需的确切尺寸。不要上传大量图片,并在HTML中按比例缩小图片。只需以合适的大小上传它们.

另外,在上传之前压缩图像。如果您使用的是WordPress,则WP Smush之类的插件可以将图片大小减少80%!

9.…或制作精灵

子画面是一个包含大量小图像的单个图像。非常适合共享按钮或其他图像元素.

现在,您的网站只需要发出一个请求,而不是十个单独的请求。然后,您可以使用CSS选择要显示图像的哪些部分.

10.整理代码

HTML是密集且沉重的。这也是令人难以置信的重复。 CSS更加简化,但是其中很多是多余的.

是时候用细齿梳仔细阅读代码,摆脱所有不必要的地方了.

如果您使用的是WordPress,Tumblr等中的模板,则可能有大量未使用的代码。设置这些模板是为了给您提供许多功能选项。但是我们大多数人并不需要全部.

狠!

11.卸载无用的插件(WordPress)

这些年来,我们所有人都尝试了许多插件。但是我们常常忘记卸载它们.

每个插件都是另一个服务器请求。这是另一个笨重的包裹,阻碍了您的高速隧道.

如果您不使用它,请将其关闭.

12.减少重定向

对于每个重定向,您的程序包都会在隧道中上下移动两次。除非绝对必要,否则请勿在网站上使用重定向.

第3部分:额外奖金

13.减少DNS查找

我们尚未讨论流程的一部分。它从一开始就发生.

在浏览器开始与服务器的对话之前,它必须找到服务器的位置(通过找到其IP地址)。就像在电话簿中查找服务器的号码一样。那需要一点时间。 (通常为20-120毫秒).

如果与您的网站关联多个域名,则花费的时间甚至更长。常见示例包括:blog.yourwebsite.com或图像,样式表和Flash对象的其他域.

如果浏览器必须执行五次,则可能会损失半秒钟。尽可能减少域名.

14.浏览器缓存

想象一下,如果您的浏览器可以保留所有网站文件的副本,将会有多快。这样,不必每次都与服务器联系。它可以从内存中加载它们.

这就是缓存。这意味着您的浏览器“记住”该网站。当您第二次加载时,它超级快.

!那是比平常更长的职位,但我认为值得.

现在您知道使网站闪电般快速的所有知识。这些技巧可能会缩短您的加载速度几秒钟.

那意味着快乐的访客。这意味着更多的销售.

WordPress速度指南

如果您的网站是使用WordPress构建的,则我们已编制了详细的逐步指南,以加快WordPress的运行速度。我们使用确切的步骤使Bitcatcha.com在3秒钟内加载.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map