随着互联网的成熟,客户的期望也越来越高。他们希望网站在几秒钟内加载完毕,并且希望几乎立即开始与它们进行交互。百度发现,有53%的移动用户会在3秒钟内点击无法加载的网站,这意味着无法针对页面速度优化您的网站可能会导致您的网站吸引的潜在客户和客户数量大幅减少。但是,想要提高其网站速度的用户需要确保他们完全了解用户和百度在引用页面加载速度时所说的话以及他们可以采取的措施。
一、页面速度如何影响您的排名
要了解为什么品牌专注于提高网站速度变得如此重要,您还必须了解为什么速度会对排名产生如此大的影响。请记住,谷歌自己的研究表明,有53%的人会点击加载时间超过3秒的移动网站。这意味着这些站点无法为用户提供良好的体验。这也表明这些站点的点击率较高,而参与度指标也较低。
谷歌还表示,自2010年以来,他们会将网站加载速度纳入其算法中。通过迫使网站关注其加载过程,他们致力于为用户创造更好的体验,从而使人们回到百度的搜索引擎中来。
百度并未透露他们在算法中使用了哪种页面速度指标,但由于它们可以让网站深入了解所有页面速度指标,因此很可能会结合使用不同的指标。因此,品牌商希望确保他们改善每个区域的网站性能。
这里有9种策略可以帮助您提高页面加载速度。
二、如何提高页面速度?修复提高网站页面加载速度修复方法
1.注意您的JavaScript
百度呈现页面之前,必须经历一个称为HTML解析的过程。如果遇到脚本,则必须暂停对HTML的解析,以便可以在继续运行脚本之前运行该脚本。如果脚本包含用于外部源的命令,则该命令甚至可能包括等待该源下载后才能继续其初始过程。这会大大减慢站点的加载时间。
您希望最大程度地减少可能阻止HTML的任何JavaScript的数量,尤其是任何外部源。您还可以使JavaScript异步运行,这意味着JavaScript不会停止解析HTML的过程。这使网站可以继续加载而不会暂停JavaScript。其他站点所有者发现通过内联代码减少JavaScript流程的延迟来提高流程速度更为有利。您也可以通过在页面加载后直接引导JavaScript来延迟JavaScript的加载。
您应该每季度查看所有脚本,并确保删除不再使用的所有脚本。即使团队不再使用脚本所提供的功能,该脚本也会减慢页面的速度,例如,针对没有广告支出或广告资源的服务重新定位跟踪像素。
最后,您可以决定从站点堆栈中删除功能部件,以便更快地加载页面。我们在BrightEdge上执行了3个功能,并且页面加载速度显着提高。
2.什么是延迟加载映像?它们如何工作?
当您延迟加载网站的一部分(例如图像)时,您将使用代码来确保它们异步加载,并且仅当用户向下导航足够远而要求它们加载时。通过允许站点的核心部分在尝试加载图像之前进行加载,可以提高加载速度。如果页面上有很多图像,例如摄影师的网站,这也意味着您的网站不会浪费时间尝试在页面上加载所有图像。只有访客在其滚动中到达的图像才会麻烦加载。总而言之,减少尝试加载图像所花费的时间和精力将有助于提高页面加载速度。
当然,对于延迟加载图像,您还必须密切注意您的用户体验。如果客户在滚动浏览页面时必须等待加载每张图像,则会产生负面印象。幸运的是,有些策略可以减少负面影响。
例如,您可以设置一个阈值,该阈值将在用户向下滚动到达特定图像之前开始加载图像。其他网站所有者会发现使用占位符可以与页面的其余部分很好地融合在一起,使网站在加载图像时保持整洁和吸引人很有帮助。
3. CDN帮助页面的加载速度如何?
您的CDN代表您的内容交付网络。使用一个可以缩短页面加载时间。具体来说,它将确定访问者的地理位置,然后从尽可能靠近他们的服务器中将网站的资源提供给该特定用户。这样可以减少将信息从服务器发送到浏览器所需的时间。
4.为什么要缓存图像?
缓存图像时,会将网站的某些重要部分保存在用户的浏览器中。然后,当此特定人员稍后返回您的站点时,此信息已经保存,因此该站点可以快速加载。
对于回头用户,这将是非常有益的,因为他们将看到一个快速加载的网站。对于与买家的旅程息息相关的品牌,这将使页面受益,因为您将在这些潜在客户继续访问您的网站时为其带来良好的用户体验和良好的印象。
但是,这对于首次使用的用户并没有特别的好处,因此,它不是您用来提高页面加载速度的唯一策略。
5.您应该压缩图像吗?
图像通常上传到比其所需的站点更大的站点,但是图像越大,加载时间就越长。幸运的是,存在许多图像优化工具可以帮助您充分利用图像。
您可以使用图像优化工具来压缩图像。您使用的压缩类型和文件大小取决于许多不同的因素,包括图像的类型及其在网站上的用途。
在站点上将图像调整为实际大小,并通过压缩将文件重量减少到每张较小的图像小于50 kb,对于较大的图像(例如标题和背景图像)压缩到小于100 kb。
6.要使用哪种图像文件类型?
除了压缩图像外,您还可以通过查看所用图像文件的类型来提高网站速度。通常,您会遇到三个主要选项:JPEG,PNG和GIF。
最适合您需要的图像文件会根据图像的目的而有所不同。例如,徽标在GIF中可能效果很好,GIF也提供较小的文件大小。GIF文件较小,但颜色选项也有限。另一方面,照片使用JPEG效果最好。同样需要轻松缩放的高质量图像可能在PNG中效果最好。
7.您的CMS有什么影响?
不同的CMS选项也可以帮助您缩短页面加载时间。根据所使用的CMS,您会发现其中一些包含各种工具,可以帮助您最大程度地利用网站。这些工具可以帮助您采用各种优化最佳实践来构建更快的站点。例如,它们可以帮助您优化图像。查看特定CMS随附的优化策略,以了解可以使用哪些优化策略。
但是,当您第一次尝试使用CMS时,您需要仔细评估CMS中可用的工具。了解他们如何压缩图像并执行其他优化策略。将它们与其他可用工具进行比较,以确保CMS可帮助您最大程度地延长页面加载时间。
8.托管服务是否会影响页面加载速度?
某些托管云将帮助页面加载,从而比其他页面更快。通常,托管云越便宜,其加载速度就越慢-尽管这并不是一个完全固定的规则。
但是,请考虑一下,当您为云托管支付低廉的价格时,可能有数百万其他用户正在做同一件事。所有这些网站都使用相同的资源,这可能会降低您的页面加载速度。为高级主机或专用服务器支付更多费用可以帮助您提高页面加载速度。那些没有其他帮助他们提高页面加载速度的人可能希望考虑更改主机。
9.为什么以及如何删除多余的CSS?
您想保持代码尽可能干净。运行您的网站的代码越干净,页面越容易加载,因为执行的命令将更少。如果您的站点中仍有部分代码不再显示功能,这将不必要地降低页面的加载能力。寻找潜在的多余代码的其他来源。完全上载您的网站所需的信息越少,它将运行得越快。