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

如果网页加载时间过长,用户可能会离开您的页面。根据江门SEO的建议,网页打开速度每提升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)时,它将需要往返请求该文件来加载内容。

<script src =“index.js”> </ script>

<script src =“jquery.js”> </ script>

因此,即使在此文件中编写了一行代码,服务器也必须请求该文件以获取内容并将其加载到页面上。而不是我们可以内联使用它,因此服务器将不会请求任何额外的往返来获取我们页面的内容。如果要加载的内容较少,我们应该只使用内联脚本和CSS。

基本上这个错误表明请求花费时间来加载外部库,所以你应该使用内联。通过此服务器将减少外部请求调用以加载内容,并且您的页面速度将增加。

从开始维护页面速度

当您启动网站开发项目时,通常您更关注开发部分而不是页面速度。因此,在开发之后,您会意识到您的页面速度并不准确。有时,为了提高页面速度,更新项目中的所有内容并不容易。因此最好从一开始就保持页面速度。

在客户端开始只开发项目的设计。完成设计后,在服务器上部署该代码并检查页面速度。在那里你可以检查图像压缩,CSS和JavaScript缩小和其他事情。

尝试在代码中使用外部库,而不是通过链接使用它。如果从链接中包含外部库,则有时加载速度更快,有时加载速度更慢。因此,您无法获得页面的实际页面速度结果。

在完成设计部分之后,您应该寻找服务器端压缩。在那里,您可以使用数据压缩并为您的页面启用浏览器缓存。

明智地部署代码模块并检查页面速度。如果您正在使用外部库并且它的脚本加载速度不快,那么您将了解您的页面速度变慢的库。

确保每个页面加载时间不到3秒,这样您就可以获得正确的页面速度。您也可以在特定浏览器的开发人员工具中检查加载时间。