加快网站速度的14个必会技巧
发布日期:2022-05-24 如果你网站变慢,这不仅会让您的用户体验变差,而且这对于你的品牌管理是个致命的打击。亚马逊曾估算过,如果亚马逊网站打开速度每拉长1秒,他们将至少损失16亿美元。那对于站长来说,究竟如何才能加快网站速度?在这篇文章中,我们将简单介绍从服务器速度到网站优化。
首先,让我们回顾一下,究竟有什么因素会导致网站打开/运行速度缓慢:当您在浏览器进入并加载网站时,您的浏览器(IE、Firefox、Chrome等)开始与目标网站的网络服务器进行类似的“对话”:浏览器:"滴滴滴,在吗?服务器!你能给我展示domain.com里的内容吗?"服务器:“没问题,让我找到他们,然后送过去”。然后,Web服务器将所有网站部分放入隧道中,并将它们发送到您的浏览器以加载它。听起来很简单,但是这会减慢速度:
- 一个需要很长时间才能响应请求的惰性服务器
- 同时为许多其他网站管理部件的服务器
- 许多大型网站“部分”都必须找到并发送到隧道中
- 繁忙的隧道
这里有很多可能出错的地方。那么,我们如何加快速度呢?
第1部分:让您的服务器更快
1.升级到更好的网络主机(即更好的服务器)
您的虚拟主机是提供服务器的公司。这就像租用一块互联网土地,您将在其中存储所有网站部分。我们大多数人倾向于购买我们发现的最便宜的土地。但这不一定是明智的解决方案。廉价的网络主机租用拥挤且小型。请记住,您的目的是希望服务器快速响应请求,并迅速将您的网站通过隧道发送到浏览器。
2. 从共享主机切换到VPS
廉价的网络主机会将您的网站与大量其他网站一起放置在服务器上。它被称为共享主机,这意味着您必须为资源而战。如果一个网站突然获得大量突发流量,它会减慢你的速度,同时它们会占用带宽。通过切换到VPS(虚拟专用服务器),您的网络主机将为您隔离共享服务器的一个角落。这意味着您不必担心其他网站会窃取您的资源。
3. 让服务器更靠近你的观众
每次有人点击您的网站时,您的服务器都必须将信息通过地球物理发送到他们的计算机屏幕。如果服务器在世界的另一端,那将需要很长时间。如果您知道大部分流量来自哪里,请让您的网络托管服务商将您的网站放在离您的主要受众最近的服务器上。比如您想与内地有一个快速且稳定的网络连接,那么放置在香港地区是毋容置疑的选择。那您就要向服务商咨询 香港服务器线路事宜,来看是否符合业务要求。
4. 使用内容交付网(CDN)
将服务器移近特定受众的麻烦在于,有人会输掉比赛。如果您将服务器移至加利福尼亚,您的澳大利亚访问者的加载时间将会变慢。您的欧洲访客也是如此。内容交付网络或CDN将您的数据放在世界各地的服务器上。因此,当有人点击您的网站时,离他们最近的服务器会发送信息。这意味着您的访问者无论身在何处都能获得超快的速度。不过您也可以尝试下香港服务器的多重国际和直连内地线路,可同时满足多地网络连接需求。
5.激活“Keep Alive”设置
当您的服务器将您的网站文件发送到隧道中时,每个部分都会单独传输。你的CSS样式表、你的品牌标志、你的每张图片等等。显然,最有效的方法是将它们全部发送到同一个大隧道中。这就是“Keep Alive”设置的用武之地。当它被激活时,主隧道保持打开状态,一切都在同一个连接上。但是当设置关闭时,必须为每个元素创建一个新隧道,这就有可能很慢了。大多数网络主机保持此设置(这很好),但有时共享主机会在没有警告的情况下关闭连接。
第2部分:优化网站元素
既然我们已经使您的服务器尽可能快速和高效,那么我们如何优化网站部分本身呢?
6.减少往返时间(RTT)
您的浏览器当前必须向服务器询问每个元素,一次一个。您的徽标,然后是每个图像,然后是您的CSS样式表。收到它所需的时间是一个往返。您必须进行的往返次数越多,加载整个网站所需的时间就越长。这就像用箱子打包你的家具,然后把它们搬到新房子里。您拥有的箱子越多,您必须进行的往返就越多。有什么解决方案?尽可能减少你带的箱子数量。减少服务器必须沿隧道发送的元素数量。更少的图像,更少的代码,更少的插件。
7.在您的网站上启用压缩
不幸的是,这不仅仅是箱子的数量。这就是他们的重量。如果您的所有元素都又大又重,那么它将在您的隧道中占用大量空间。他们也会移动得更慢。就像卡车在建起来一样。每个都装满了沉重的箱子。幸运的是,您可以压缩您的网站及其里面的所有内容。您网站中最粗的部分是图像、HTML、CSS 和Javascript。通过压缩它们,您可以减少网站在传输时的平均“重量”。而有趣的是,一个网站的大小每年都在增长。
8.优化你的图片
图片通常是任何网站中最重要的部分。它们是最大、最胖、最慢的加载元素。首先将它们裁剪到您需要的确切尺寸。不要上传巨大的图像,并在HTML中缩小它们。只需以合适的尺寸上传它们。另外,在上传之前压缩您的图像。如果您使用 WordPress之类的插件可以将图像大小减少。
9.精灵图
精灵是包含许多小图像的单个图像。它非常适合共享按钮或其他图像元素。现在,您的网站只需要发出一个请求,而不是十个单独的请求。然后,您可以使用 CSS 选择图像的哪些部分显示在哪里。
10.修剪你的代码
HTML密集而沉重。这也是令人难以置信的重复。CSS更精简一些,但很多都是多余的。是时候检查并整理你的代码了,去掉所有不必要的部分。如果您使用来自WordPress等的模板,那么可能有很多您没有使用的代码。这些模板旨在为您提供许多功能选项。但我们大多数人并不需要这一切。
11.卸载无用插件
多年来,我们都尝试过大量的插件。但通常,我们忘记卸载它们。每个插件都是另一个服务器请求。这是另一个沉重的包裹阻塞了你的高速隧道。如果您不使用它,请将其关闭。
12.减少重定向
对于每次重定向,您的包裹都会在隧道上下两次。除非这是无可避免的,否则不要在您的网站上使用重定向。
第3部分:额外部分
13.减少DNS查找
在您的浏览器开始与服务器对话之前,它必须找到服务器的位置(通过查找其 IP 地址)。这就像在电话簿中查找号码一样。这需要一点时间。如果有多个域名与您的网站相关联,则需要更长的时间。如果您的浏览器必须执行五次,您可能会损失半秒钟。
14.浏览器缓存
想象一下,如果您的浏览器可以保留所有网站文件的副本,事情会有多快。这样,它就不必每次都联系服务器。它可以从内存中加载它们。这就是缓存。这意味着您的浏览器“记住”该网站。当您第二次加载它时,它将非常“快”。