众所周知,页面打开速度在我们的网站中很重要。在百度排名系统方面,页面速度是一个关键因素。百度计算网页速度,并根据您的网站排名,根据排名显示在搜索结果中。因此,如果你想要提高排名,那么你应该有更快的网站速度。
如果网页加载时间过长,用户可能会离开您的页面。根据江门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秒,这样您就可以获得正确的页面速度。您也可以在特定浏览器的开发人员工具中检查加载时间。