网页加载时间过长，提高网页速度的的几个技巧

卖贝商城 2019-04-08 10:50:56 310

　　众所周知，页面打开速度在我们的网站中很重要。在百度排名系统方面，页面速度是一个关键因素。百度计算网页速度，并根据您的网站排名，根据排名显示在搜索结果中。因此，如果你想要提高排名，那么你应该有更快的网站速度。

　　如果网页加载时间过长，用户可能会离开您的页面。根据建议，网页打开速度每提升50%则增加80的销售额，反正亦然。

　　提高网页速度的的几个技巧

　　压缩图像

　　以前我经常使用高分辨率图像加载到我的网站，大部分的图像大小为2到5 MB或者可能很高。因此，我的页面将花费更多时间来加载具有更多内存的资源。

　　博主建议，为了获得最佳网页速度，您的图像内容不应超过500 KB。

　　因此，如果我们放置2或3个大小为2 MB的图像，则必须加载6 MB的内容，这对于提高页面速度并不是很好。

　　压缩图像后，您将获得相同的图像质量，图像尺寸更小，这将提高您的网页速度。

　　缩小内容

　　缩小内容还可以减小文件大小并提高页面速度。您可以缩小HTML，CSS和Javascript代码以获得更高的页面速度。

　　使用浏览器缓存

　　在页面速度方面，浏览器缓存可以产生很大的影响。

　　每次有人加载您的网站时，此过程都必须重新进行。您的网站将花费较长时间来加载，这是浏览器缓存可以提供帮助的地方。

　　它会记住之前加载的资源，因此每次访问时都不必再次加载。当人们登陆您的网站时，这将导致速度大幅提升。

　　使用数据压缩

　　如果您不使用数据压缩，那么网站将根据原始文件大小加载数据。我们假设您的页面包含800 KB的数据。然后，如果没有数据压缩，它将在您的浏览器中加载800 KB数据，您将获得页面速度。

　　但压缩的作用是在加载数据时将原始文件压缩为zip文件。因此，我们将获得的数据将被压缩，并且将包含更少的内存。

　　没有数据压缩

　　服务器对index.html的请求=> 1KB

　　Web服务器找到该文件

　　原始文件的服务器响应=> 800KB

　　浏览器显示页面

　　随着数据压缩

　　服务器对index.html的请求=> 1KB

　　Web服务器找到该文件

　　带zip文件的服务器响应=> 100KB

　　浏览器显示页面

　　因此，使用数据压缩也有助于提高页面速度。

　　阻止JavaScript和CSS渲染

　　在我们的项目中，我们经常使用外部css和javascript库来加载内容。所以百度告诉我们关于渲染阻塞的问题JS和CSS就是当我们使用外部javascript和css库(例如Bootstrap或Jquery)时，它将需要往返请求该文件来加载内容。