首页 >  SEO >  SEO知识 >  正文

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

 作者:潘某人SEO
248

在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加载时间的大幅度提升。

公众号
潘某人SEO 关注我每天学习SEO优化相关知识... 470篇原创内容
潘某SEO 公众号
申明:以上内容仅代表个人观点,仅供学习参考 本站图片来源于CC0协议或已获得VRF授权的图库站点 版权申明:本文为博主原创,未经授权任何个人或组织单位不得复制、转载、摘编以及其它形式的应用! 本文地址:https://www.chateach.com/seo/seozhishi/1026sudu
相关文章
  • SEO如何正确的进行工作交流沟通

    SEO,工作交流,沟通

    今天这个话题就非常的有意思,不管是不是从事SEO都可以看一下,和每个人息息相关,就是在工作中如何正确的进行交流。大家觉得交流沟通的重点是什么?我说是解决问题大家没有意见吧!交流沟通最终的目的必然是解决问题。但是在现实中,大部分的交流沟通是没有结果的。

    207
    • SEO
    • 工作交流
    • 沟通
  • 内容防抓取原创保护的方法

    原创保护,防抓取,防采集

    ​站点的内容经常被恶意采集爬取,辛辛苦苦码的原创内容被人轻而易举的强取豪夺,被采集可以说是另站长们最痛疼的事情之一了,今天潘某人SEO就与大家分享若干方法,期望可以对大家有帮助。

    294
    • 原创保护
    • 防抓取
    • 防采集
  • 关于惊雷算法的要点解读

    惊雷算法解读

    惊雷算与1.0不同的是针对恶意链接的问题提出了整顿,下面让我们带你一起解读。对这个情况进行说明:针对恶意了知道作弊超链、恶意刷点击的作弊行为进行了算法的再次升级。

    1370
    • 惊雷算法解读
  • SEO站外优化怎么做

    SEO站外优化,站外推广

    SEO站外优化怎么做,SEO优化是离不开站外的优化工作,尤其是对于一些没有知名度,客户群体少的网站;这类站点如果不注重站点的曝光,那么原本先天不足的站点的流量增长就变得更加的困难。

    524
    • SEO站外优化
    • 站外推广
  • 多个域名对网站seo有什么影响

    多域名解析

    多个域名对网站seo的影响你知道吗?对于多域名解析的态度就是能不用就千万别用,对于网站权重和收录都会有着严重的影响,处理不当那么对于网站优化是一个致命伤。

    1168
    • 多域名解析
  • 网站建站没有考虑SEO优化的弊端

    网站建站SEO优化

    今天来讨论一个问题先有SEO还是先有网站呢?一个个小小的先后顺序结果却是天壤之别。大多数的情况都是网站先存在,然后觉得需要一个SEO然后就招来一个SEO来优化网站,一般来说这样的网站都是一个巨坑,如果建站的懂一点SEO那么还好,反之那么基本上都是人间悲剧。

    1020
    • 网站建站SEO优化
  • 为什么网站关键词排名在第二页上去不

    排名怎么计算的,排名提升的原理,第二页的关键词如何提升排名

    为什么网站关键词排名在第二页上去不,这种情况一般是网站内容质量度不够,那么后续的SEO优化方向就要去提升站点的内容质量。揭秘排名计算的方式

    1666
    • 排名怎么计算的
    • 排名提升的原理
    • 第二页的关键词如何提升排名
  • 百度细雨算法打击什么

    百度算法,细雨算法

    细雨算法主要是正对B2B网站,地址栏内容虚假内容进行打击,对于B2B网站应该如何应对。怎么样的内容才是符合百度细雨算法规范的!

    1676
    • 百度算法
    • 细雨算法
  • 百度关键词指数是什么意思

    百度指数,关键词指数

    百度关键词指数是什么意思,通俗来说,百度指数是一个数据分享平台,通过这个海量数据平台,直观的以指数展现,从而能够反应这个关键词在百度的搜索规模有多大,一段时间内的涨跌态势以及相关的新闻舆论变化,关注这些词的网民是什么样的,分布在哪里。

    3015
    • 百度指数
    • 关键词指数
  • 如何鉴别一个人SEO的能力水平

    SEO的能力

    大家是通过什么方式鉴别一个人的seo能力呢?相信大多数人的方法就是看项目经验,比如面试的时候大多数情况就是看应聘者有没有成功的案例,但其实这种方式的是非常不科学的。

    386
    • SEO的能力
  • 关于索引量,你必须知道的事

    百度索引量

    网站被Baiduspider抓取收录后,经过一系列计划才得以建入索引库,有了和搜索用户见面的机会。所以,索引量一直是站长们关注的焦点,但我们发现,依然有很多站长对索引量存在误读。

    1384
    • 百度索引量
  • 如何使用Canonical标签解决重复页

    Canonical标签

    Canonical标签用于告知搜索引擎,重复页面中哪个页面是规范页,有利于集中权重提升排名,但是总体来说Canonical标签能不用!就不用了

    1330
    • Canonical标签
  • 百度指数是如何计算的

    百度指数的计算

    百度指数是如何计算的?百度指数是我们网络推广中经常用到的一种工具,你使用过吗?百度指数是用来综合反映该关键词在过去1天用户对它的关注和媒体对他的关注的一个参考值。

    1833
    • 百度指数的计算
  • 长尾关键词库的重要性

    长尾关键词库

    长尾关键词库是什么,长尾关键词对于seo优化有什么样的作用。长尾关键词的流量那么小,有什么意义去花那么的时间去搞长尾关键词的优化工作。

    584
    • 长尾关键词库
  • SEO关键词优化的必需知道的秘诀

    SEO关键词优化

    SEO关键词优化的必需知道的秘诀?SEO优化的本质上让设置的词有排名,通过搜索,能找到我们的网站(引流)。做优化的时候,我们还是需要掌握一点小技巧,方法策略运用对了。后面优化起来就会比较方便,而关于技巧方面的。

    753
    • SEO关键词优化
  • 权重域名对SEO的影响大吗?

    权重域名,老域名建站

    一直有一种说法建站要用权重高的域名,可以对站点的SEO优化起到很好的促进作用,那么事实是真的如此吗?今天就来探究下。

    536
    • 权重域名
    • 老域名建站
  • Tag标签页面如何优化?

    Tag标签页面

    你知道什么是tag‘页面吗?什么样的站点适合去tag页面呢?tag页面又叫标签页面,是一种网站内容的分类方式。常见的实现方式是通过给各个页面打上标签,然后以这个标签为主题来聚合相关的页面。

    601
    • Tag标签页面
  • 别再一味的关注关键词排名

    关键词排名

    关键词排名不能代表什么,如果你一味的最求关键词排名,那么必然掉坑里;seo优化的最终目的是带来转化,这需要的是有价值的流量,需要的是有搜索热度并且匹配度高的关键词。

    342
    • 关键词排名
-- 这已经是底线了,看看别的把! --