深度详解SEO页面加载时间那点事

在SEO优化中页面加载时间是用户体验中重点考量的因素之一,那么大家知道页面加载的理想时间是多少呢?又如何才能提升站点的加载速度呢?
先说结论,为了保证正常用户体验,页面首屏的加载完成要控制在1.5秒以内,再慢也不能超过3秒。结论很简单,但是我们又如何检查站点页面的加载时间,显然不可能掐表数。

页面加载时间的指标

要想搞明白这个问题,首先我们要搞清楚浏览器页面加载时间有哪些指标:

  • DNS Time:dns解析时间,进行域名解析所需要的时间。
  • SocketTime:客户端建立TCP连接的时间。
  • FirstByte Time(FP):从浏览器请求页面到服务器返回第一字节的时间。
  • First Contentful Paint (FCP):代表浏览器向屏幕绘制内容,也就是浏览器打开页面首屏区域内所有的文本、图像或其他可视元素的时间点。
  • Largest Contentful Paint (LCP):整个页面中可以看到的所有内容素绘制完成并正常显示的时间点。
  • Download Contentful Time(DCL):网页中所有资源对象下载完成的时间。

页面的加载是一个复杂的过程,以上只是潘某人SEO认为在页面加载时间中相对比较重要的时间节点,并且以上的时间节点是根据先后顺序的。

重点时间指标

在SEO优化中潘某人SEO认为最关键的是FCP和LCP时间,这不仅仅是影响SEO,还是直接导致跳出率高转化差。

FCP时间

First Contentful Paint (FCP),这在SEO优化中是非常重要的时间,也就是用户打开网页时第一眼可以看到的屏幕区域内的所有可见元素的加载完成。

如在百度搜索引擎的白皮书建议的首屏加载时间要达到1.5秒以内,最差也要3秒以内,这是评判站点用户体验表现的重要因素。
网页的FCP时间
要查看网页的FCP时间,可以使用浏览器打开开发者工具。在Performance选项卡下,点击"录制"按钮然后刷新要访问的页面,记得清空缓存,页面加载完成之后,点击"停止"按钮。在左侧面板中,找到"First Contentful Paint",点击展开,就可以看到FCP、FP、LCP、DCL时间,如上图以潘某人SEO站点为例。
如果FCP时间超过理想值,就看下前面的时间节点DNS Time、SocketTime、FirstByte Time,一般来说问题都会在FirstByte Time。也就是首字节加载时间过长,也就是后端相应速度太慢,一般这个时间控制在500毫秒以内,如果严重超出这个值那就要考虑下代码逻辑是否有问题,是否做了缓存,服务器配置是否足够,总之找到后端影响慢的问题。

LCP时间

Largest Contentful Paint (LCP):整个页面中可以看到的所有内容素绘制完成并正常显示的时间点。潘某人SEO这个时间应该控制在3秒以内,也就是说基本上要做到用户滑动页面的时候内容已经提前加载完成,没有等待时间。

影响LCP速度的最大因素就是页面资源过多而且又大,如果带宽又不给力就容易导致浏览器线程阻塞。解决方法就是资源该合并的合并,图片该压缩的压缩,该延迟加载的就延迟,或者就重要资源做好预加载,再不行就提带宽。

如何提升首屏加载速度

LCP和FCP时间的关系,FCP是LCP之前的时间节点,就是LCP的组成部分,而我们今天的重点就是在LCP时间不变的情况下如何提升首屏FCP时间。

站点通过优化提升了LCP时间,FCP时间自然也会同步的提升,但是首屏FCP的提升是非常有限的。最有效的方法就要对页面的内容做分割。

正常来说一个页面的加载在dom数构建完成之后就开始所以加载资源,也就是说整个页面可能东一块西一块的加载出来内容。

我们要做的就是优先加载首屏区域的内容,等首屏内容加载完成了才进行加载页面剩余位置的内容,如此在LCP时间不改变的情况下就可以实现首屏FCP加载时间的大幅度提升。

申明:本站内容仅代表个人观点,仅供学习参考;未经授权任何个人或组织单位不得复制、转载、摘编以及其它形式的应用!

本站文章可能使用到互联网上的资料,若对您造成困扰,请联系 kk19@foxmail.com除理

本文地址:https://www.chateach.com/seo/seozhishi/1026sudu

相关文章

  • description标签重要吗,还要写吗

    description标签重要吗

    Description标签就是就是常说的页面描述标签,是页面核心TDK标签的其中之一,那么如今description标签还重要吗,还有必要去写描述标签吗?个人觉得描述标签不是很重要,但又是很重要的,看似矛盾其实只是所站的角度不一样。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 3295
    • description标签重要吗
  • SEO优化有没有更好的捷径

    seo优化捷径

    SEO优化有没有更好的捷径,SEO优化没有捷径SEO优化营销推行掩盖面广,多渠道,多范畴,多查找引擎渠道展现,一切的事物都是平衡的,多劳多得,没有什么捷径。最多是少走点弯路

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1829
    • seo优化捷径
  • 内容采集对于网站优化有什么影响

    采集对于排名影响

    内容采集、伪原创、抄袭等操作方式对于网站排名会不会有影响;凡事都有两面性,重点在于我们找到里面的平衡点,对于seo优化来说采集伪原创的方式并不是不可以使用,关键在于掌握其中的奥秘.....

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1383
    • 采集对于排名影响
  • IP地址段表达方式

    IP地址,IP区间段,ip表达式

    ip/8/16/24,IP大家在熟悉不过了,但是大家真的了解IP吗?如何表示一段区间的IP端呢?在网站优化的时候IP的屏蔽是经常需要做的一件事,如果需要屏蔽的IP都在一个段区间内,你还在一个个屏蔽吗,有没有一种快速屏蔽一段IP的方法吗。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 3024
    • IP地址
    • IP区间段
    • ip表达式
  • 百度蜘蛛有权重之分吗?

    百度蜘蛛,权重

    百度搜索学院线上公开课第六讲——网站抓取建设指南,在这个百度官方的直播课程回放中,最后百度搜索工程师最后的QA中明确的表明了不存在蜘蛛权重之分的行为。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2347
    • 百度蜘蛛
    • 权重
  • 百度搜索无法提交链接怎么解决?

    百度搜索,seo,链接提交

    近期大家应该发现了百度搜索资源平台的大多数的站点api提交额度基本都将为的10条,并且无法提交sitemap,为什么会出现这种情况,又应该如何解决链接提交的问题呢?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1831
    • 百度搜索
    • seo
    • 链接提交
  • 百度指数关键词添加

    如何添加指数关键词

    百度指数主要包含搜索指数 、资讯指数和媒体指数。百度指数关键词添加的方案,一种是是搜索量达到收录标准关键词会自动收录并统计相关指数,还有一种就是未达到收录标准的关键词可以通过购买加词权限。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1463
    • 如何添加指数关键词
  • 网站图片技术优化要点

    网站图片优化

    网站图片技术优化要点,在网站SEO优化工作中,对于图片的优化与调整一直都是工作的重点内容之一。因为图片作为网站内容展示最为直观与形象的表现,是很多文字内容无法完全表达的重要补充。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2117
    • 网站图片优化
  • 如何更新或删除百度快照

    百度快照更新

    很多人在优化的过程中想要去更新或者删除百度快照,但是碍于自己还是新手,实战经验不是很丰富,不懂得如何去操作,今天我给大家简单的分享一下。有时候,我们对网站进行了改版,修改了标题、描述等等,这个时候我们想要更新百度快照,让快照尽快更新过来,或者让标题、描述快速更新过来,怎么办?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2175
    • 百度快照更新
  • SEO标题长度多少合适呢?

    SEO优化,标题长度

    ​标题在SEO优化之中是至关重要的,如果不会正确合理的写标题是很难做好SEO的,标题不仅仅是搜索引擎排名的重要的因素,同时也是重要的流量入口,一个好的标题是吸引用户点击的关键。因此,标题会一定程度上影响这排名站点和点击率。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1070
    • SEO优化
    • 标题长度
  • 做seo优化排名赚钱吗?

    seo优化赚钱吗

    做seo优化排名赚钱吗?seo优化现在还好做吗?搜索引擎是个大市场,如果想在市场里买东西,就要打广告,所以seo优化不会过时,并且会是一个赚钱的行业。不论是以后做什么行业,我都觉得seo都是不可或缺的技术,因为任何行业都需要做广告推广,而seo则是经济实惠的选择。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2219
    • seo优化赚钱吗
  • 为什么打击采集行为,采集站还是有很高权重

    采集,权重

    搜索引擎不断的打击采集行为,但是采集站点的收录排名和权重还是非常好;如果你无法理解那么你对于搜索引擎的核心不够了解,本文带你探索搜索引擎和采集的那点事,教你如果正确面对采集行为。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1014
    • 采集
    • 权重
  • 网站页面质量对seo优化的影响

    面质量对优化的影响

    这是一个值得思考的问题,网站页面质量对seo优化的影响有哪些呢?单页的内容是组成整个网站的单体,页面的质量因此也代表了整个网站内容的质量。页面质量主要可以从内容质量、用户体验上进行评判。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 984
    • 面质量对优化的影响
  • 移动端适配解决方案

    移动端适配

    随着移动互联网的不断发展,在某些领域移动端的流量已经远超PC端,因此越来越多的站点开始重视移动端的优化,如何把移动端和PC端进行结合,对于SEO优化是一个非常重要的问题。移动适配的方案有很多,选择合适的移动适配解决方案是非常的重要的。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1112
    • 移动端适配
  • 网站排名不稳定如何处理

    网站排名不稳定

    网站排名不稳定如何处理,多数情况站长会比较喜欢新网站内容运营,相对来说只需要做基础的工作内容建设,而且效果很快就能看到。老网站基础内容已经做得差不多,排名不稳定也不知如何下手,让很多站长们头疼,那么老网站排名不稳定,SEO优化该如何处理?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1461
    • 网站排名不稳定
  • 关键词库如何增加?

    如何增加关键词库

    关键词库如何增加?关键词库,是指网站所有关键词详细情况的记录,包括但不限于是否收录、排名、对应页面的URL、百度指数、月获得流量。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2503
    • 如何增加关键词库
  • 百度搜索引擎优先建重要库的原则

    搜索引擎,百度spider

    Baiduspider抓了多少页面并不是最重要的,重要的是有多少页面被建索引库,即我们常说的“建库”。众所周知,搜索引擎的索引库是分层级的,优质的网页会被分配到重要索引库,普通网页会待在普通库,再差一些的网页会被分配到低级库去当补充材料。目前60%的检索需求只调用重要索引库即可满足,这也就解释了为什么有些网站的收录量超高流量却一直不理想。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 620
    • 搜索引擎
    • 百度spider
  • 如何快速提升关键词排名?

    提升关键词排名

    如何快速提升关键词排名?可以从流量冲击、时效性热点内容 、高质量外链、网站整体权重、交换一些友情链接,多角度同时进行有效快速提升关键词排名。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1380
    • 提升关键词排名