9个最佳实践，告诉你如何优化网站页面速度（如何优化网站访问速度）

9个最佳实践，告诉你如何优化网站页面速度（如何优化网站访问速度）

作为数字营销职员，我们天天可以做的工作几近是无穷无尽的，所以能够没有充足的时候去做这些工作。成果，有些工作被推到主要位置。

最常被推延的工作之一就是优化网站页面速度。这很轻易了解，由于大大都网站开辟职员并没有真正了解这个经常被轻忽的细节的重要性，所以他们没有看到投资时候和金钱在优化页面速度的代价。

页面速度是现今数字营销的一个关键身分。它对下面这些身分城市发生极大的影响：

访客逗留在你的网站上多久。他们中有几多人转换成客户。在付费搜索中，你在 PPC 根本上付出几多钱。在有机搜索中的排名。

不外，大大都网站在页面速度方面表示欠安。这对他们的转换有间接的负面影响。

对于一些营销职员来说，这似乎是一个无关紧急的时候，包括那些只专注于搜索引擎优化的人，但页面速度优化已经被证实是具有里程碑意义的，非论是从行业巨头的数据还是我们自己的分析数据得出。

我假定你和我一样想要最大化你的转换。那末，跟从这 9 个页面速度优化最好理论，让你的网站加载速度更快。

1.　不要省去收集主机的预算

我们现在都在尽力省钱。很多人想要省钱的方式是挑选一种廉价的同享主机，它是可以包容很多网站，由于它们可以安装在一个办事器上，但这就像一群人挤在一辆车里一样，它的性能是糟糕至极的！

固然，你的网站大部分时候都可以和大大都收集主机一样利用，但它的加载速度会是以变得很是缓慢，能够会致使你的部分访客没有转换为客户，我想你也会是以感应失望。

也许缘由在于你能够很难留意到页面速度这一细节，由于它是你花了很多时候、精神以及金钱搭建起来的，你会满足于终极显现的网站结果。但拜候者只在意能否可以尽能够快地拜候你的网站。

人们想要在你的网站上逗留充足长的时候来做他们想做的工作，不管是获得处理计划，采办产物，还是其他一些特定的方针。假如他们的拜候速度遭到影响，他们极能够会厌恶你的网站给他们带来的体验，或挑选分开，或放弃转换。

按照一项研讨数据显现，网站加载速度仅仅 100 毫秒的不同就足以使他们的销售额下降 1%。

假如这么小单元的时候对销售城市发生很大的间接影响，你以为如果有额外的第二个或更多的影响会有什么结果？不言而喻，这会发生更大的连锁反应。

是以，你不应当省去收集主机的预算。有很多收集主机都是为了速度而优化的，问问四周的人，做一些测试，然后投资一本性能强大的收集主机，满足拜候者和搜索引擎的需要。

2.　削减 HTTP 请求的次数

网页的每个文件都需要被显现以及运转，如 HTML、CSS、JavaScript、图像和字体都需要零丁的 HTTP 请求。请求越多，页面加载就越慢。

你能够不会在你的网站上增加一堆“臃肿”的内容，但对于我碰到的 90% 的网站来说，它仍然存在这样的情况。

这是由于大大都网页设想师，不管他们的技术多强大或经历多丰富，都不会优先斟酌页面速度。更有甚者，大大都人甚至不晓得若何去做。

这就诠释题目标原由：

大大都网站加载一个或多个 CSS 文件，以及几个 JavaScript 文件。一些，比如 Jquery 或 FontAwesome，凡是从另一台办事器上远程加载，这极大地增加了加载页面的时候。

当你斟酌增加的附加 CSS 和 JavaScript 文件的插件时，这将变得加倍困难。仅从 CSS 和 JavaScript 文件便能够很轻易地获得增加更多的 HTTP 请求。

当你在一个页面上斟酌一切的图片时，每个页面都需要一个零丁的 HTTP 请求，它很快就会失控。

将 JavaScript 文件合并到一个文件中。将 CSS 文件合并到一个文件中。削减或消除加载他们自己的 JavaScript / CSS 文件的插件。在某些情况下，如一些表单插件，你可以挑选禁用它们。对经常利用图像利用 CSS 精灵。利用像 FontAwesome 或 Ionic 图标这样的字体而不是图像文件，由于只要一个文件需要加载。

3.　包括尾部的斜杠（／）

疏忽指向你的网站的链接，不管是站外来历（链接扶植的尽力）还是在你自己的网站内部链接，都有对加载速度的晦气影响。

缘由以下：

当你拜候一个没有末端斜杠（／）的 URL 时，web 办事器将查找具有该称号的文件。假如没有找到具有该称号的文件，它将把它看成一个目录，并在该目录中查找默许文件。

换句话说，经过省略末端的斜杠，你将强迫办事器履行不需要的 301 重定向。虽然它能够看起来是立即的，但它确切需要稍长一点的时候，而且我们已经建立了，每一点都需要再次增加。

例如：https://example.com（这是有影响的）

或

https://example.com/services（这也是有影响的）

或

https://example.com/（这很好）

或

https://example.com/services/（这也是好的）

4.　启用紧缩

启用 GZIP 紧缩可以极大地削减下载 HTML、CSS 和 JavaScript 文件所需的时候，由于它们下载的紧缩文件要小很多，一旦它们到达阅读器就会被解压。

不要担忧，由于一切的现代阅读器都支持 GZIP，而且已经对一切的 HTTP 请求停止了自动处置，所以访客不必再做任何额外的工作。

5.　启用阅读器缓存

启用阅读器缓存后，一个网页的元素存储在你的访客的阅读器上，所以下次他们拜候你的网站，大概拜候另一个页面时，阅读器可以间接加载页面，而不势必另一个 HTTP 请求发送到办事器，以加载需要的缓存元素。

一旦加载了第一页并将其元素存储在用户的缓存中，只需要在后续页面高低载新元素就行。这可以大大削减需要在一个典型的阅读会话中下载的文件数目。

6.　缩小资本

缩小你的 CSS 和 JavaScript 文件，删除不需要的留白和正文，以削减文件巨细，这样会帮助削减下载它们所需的时候。

这并不需要手动操纵，由于有一些工具可以在线将文件转换成较小的、缩小版的文件。还有一些插件可以在你的网站上替换你的网站上的链接，你的常规 CSS 和 JavaScript 文件可以不点窜你的原始文件。

这样做能够需要花费一些精神，由于缩小文件经常会破坏 CSS 和 JavaScript，所以一旦你缩小了一切的内容，一定要完全测试你的网站。

7.　优先斟酌内容

假如你的网站被编码成优先级以上的内容 —— 换句话说，在拜候者转动之前可以看到的内容，你的网站就会出现在拜候者眼前。

这意味着确保出现在折叠上方的任何元素都与 HTML 代码的开首差不多，这样阅读器便可以下载并显现它们。

还需要包括任何 CSS 和 JavaScript，之内联方式显现该地区，而不是在内部 CSS 文件中。

8.　优化媒体文件

由于带有高质量相机的移动装备是常见的，而现代的内容治理系统，可以方便上传图像，很多人只是简单地拍了一张照片，然后上传，却没成心想到，图像凡是比需要的要大 4 倍。这大大下降了你的网站加载速度，出格是对于移动用户。

在你的网站上优化媒体文件有能够极大地进步你的页面速度，而且这样做相对轻易，所以这是一个很好的时候投资。

1）优化图片

挑选理想的格式。JPG 是完善的摄影图像，而 GIF 或 PNG 最好的图像有大面积的纯色。8 位 PNG 文件是用于没有 alpha 通道（通明布景）和 24 位文件的图像，它们是带有 alpha 通道的图像。确保图像尺寸正确。假如你的网站上只支持 800 像素的图片，那末利用 1600 像素的图片是没有任何益处的。紧缩图像文件。

2）优化视频

挑选理想的格式。MP4 在大大都情况下是最好的，由于它发生最小的文件巨细。按照拜候者的屏幕尺寸供给最好尺寸。假如在布景中利用视频作为设想元素，记得取消自动播放功用。紧缩的视频文件。我大部分时候都在利用 Adobe Premiere，但 Camtasia 也是一个牢靠的挑选。削减视频长度。斟酌将视频上传至优酷土豆或腾讯视频，而不是在当天时用它们，并利用它们的 iframe 嵌入代码。

为了真正优化你的网站上的媒体，你需要按照屏幕尺寸供给合适巨细的图片，而不是简单地调剂巨细。基于映像的实现，有两种方式可以处置此题目。

在你的网站的 html 中可以利用 src 设备，它答应阅读器挑选，下载，并按照拜候者利用的装备的屏幕巨细显现适当的图像。经过 CSS 放置的图像 —— 凡是作为布景图像，可以利用媒体查询来挑选合适的图像，基于拜候者正在利用的装备的屏幕巨细。

9.　操纵缓存和 CDN

缓存使你的 web 办事器来存储你的网页的静态副本，这样他们可以更快地托付到拜候者的阅读器。而 CDN 答应将这些副天职发到天下各地的办事器，以便拜候者的阅读器从最接近他们的位置的办事器下载内容。这大猛进步了页面加载速度。