没有人喜欢加载速度慢的网站,我们希望尽快得到内容。如果像我一样,你在百度搜索,网站加载时间很长,你可以只按返回按钮,找到另一个结果。
百度看到并理解这种行为。如果你的网站加载很慢,那么是时候评估你如何提高网站的加载速度,如何更好的留住访客和排名了。
看看统计数据
最新研究表明,在移动设备上加载一个页面的平均时间是15秒。但如果加载时间超过3秒,仍有53%的手机用户会离开页面。由于超过一半的网络流量来自移动设备,因此确保页面加载时间不超过3秒是明智的。
页面速度不仅对用户体验重要,也要从有机排名的角度考虑。当页面速度增加时,跳出率也会增加。当页面速度从1秒提高到3秒时,平均d跳率提高32%。当页面加载时间接近10秒时,跳出率可以高达123%。
跳转率统计
你担心你的网站速度吗?如果你想让用户满意,他们会留在你的网站上购物吗?你希望你的网页排名更高吗?
百度曾公开表示,页面速度是搜索排名的一个因素。2019年想给网站排名,页面必须加载快。
首先在Google的PageSpeedInsights测试工具上查看页面速度,查看详细的报告和如何改进的建议。这是一次很好的初次检查,应该会给你一些有价值的信息。
一旦你在分析栏中输入网址,你会在顶部看到一个总的速度分数,这是所有时间指标的加权分数。
在速度评分之后,您将看到不同计时的更详细视图。其中一些可能非常专业,但我们将在下面详细描述它们。
使用PageSpeedInsights,您必须手动运行报告并保存记录。一个叫做SpeedMonitor的工具。Io会根据PageSpeedInsightsAPI自动执行这个过程,每天晚上检查你的网站。然后,您可以看到网站的速度性能随时间变化的历史趋势。
速度性能指数
1.互动时间
这是页面与用户交互的时间。一旦图像和文本加载到页面上,用户就可以与页面进行交互。但是,如果有其他脚本、字体或样式仍在加载,用户可能很难滚动和交互。
为了提高交互时间,您应该考虑以下几点:
当用户向下滚动页面时,图像会延迟加载。
首先将内容加载到文件夹上方,这样用户可以更快地与之交互。
2.速度指数
显示页面可见部分的时间,应该作为网站整体表现的另一个衡量标准,但不应该是唯一需要查看的内容。指数得分越低,网站运行越快。
为了提高速度指数,您应该考虑查看您的关键呈现路径,该路径优先显示内容和浏览器接收页面资源所采取的步骤。
要使站点显示元素,必须加载关键资源(如HTML、CSS和Javascript文件)来加载页面。您应该减少加载页面所需的关键资源,例如:
延迟加载图片,只有折叠上方需要的图片才会显示。
只加载你需要加载的Javascript文件。
将CSS文件合并成一个文件,以尽量减少多次调用。
3.第一幅令人满意的画
浏览器第一次显示任何文本或图像的时间。首先,内容绘制非常接近用户查看页面的方式。当内容(无论是文本还是图像)第一次显示给浏览器时,这一次称为第一个有内容的绘图。这向用户发出信号,表明页面正在按预期运行并正在加载。
要改进FirstContentfulPaint,您应该考虑以下几点:
尽量减少渲染阻塞资源,如CSS和Javascript。
异步加载第三方脚本,如广告跟踪器、社交分享按钮、视频嵌入等。
对回头客使用HTTP缓存。
删除未使用的CSS或Javascript代码
4.首字节时间
当浏览器从服务器获取第一个字节时,第一个字节的慢时间(TTFB)通常超过200ms。最好保持在这个数字以下。如果服务器响应的TTFB很高,这可能是以下原因之一:
网络连接不良
响应缓慢的服务器
在诊断高TTFB时,需要考虑数据库查询、web服务优化、配置设置和缓存。
ApacheFoundation发布了一个名为PageSpeed的模块,可以通过修改页面上的资源来自动提高站点的速度。您可以在web服务器的配置文件中更改内置过滤器。
例如,如果您想要从站点中删除不必要的空白色或优化的图像,您可以使用许多过滤器中的一个来轻松完成。
关键渲染路径是什么?
关键的渲染路径是浏览器将HTML、CSS和JavaScript处理成有意义的视觉效果所采取的步骤。
作为用户,当你加载一个页面时,浏览器接受HTML并将其转换成字节。然后将字节转换成令牌。然后将令牌转换成一个对象,这个对象称为文档对象模型(DOM)。
那么,CSS也是如此。它被转换成字节,最后转换成一个叫做CSS对象模型(CSSOM)的树形结构。
要改善关键渲染路径,请参见以下代码:
可能阻碍初始演示的关键资源的数量
异步加载Javascript资源
推迟任何对初始加载不重要的JavaScript。
在页面加载中添加CSS资源
不要使用CSS导入规则来避免额外的往返。
结论
是时候认真考虑网页性能和页面速度了。想在2019年获得更高的搜索排名,必须要有一个快的网站。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)