首页 >  SEO >  SEO知识 >  正文

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

 作者:潘某人SEO
528

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

申明:以上内容仅代表个人观点,仅供学习参考 本站图片来源于站点原创或CC0协议图库站点或已获得VRF授权的图库站点 版权申明:本文为博主原创,未经授权任何个人或组织单位不得复制、转载、摘编以及其它形式的应用! 本文地址:https://www.chateach.com/seo/seozhishi/1026sudu
相关文章
  • 网站百度快照被劫持如何快速恢复

    快照劫持解决

    当前查看网站收录或关键词排名的时候,发现自己的网站百度快照收录的标题和描述与实际标题不一样,这是由于你的网站百度快照被劫持了!网站百度快照被劫持如何快速恢复

    1067
    • 快照劫持解决
  • 网站打开速度慢的原因及解决方案

    网页打开速度

    有些站点各方面优化都很注重,但是却忽略了极为重要的网站的打开速度。对于搜索引擎网站稳定的打开速度决定了蜘蛛的抓取频次及抓取成功率;对于用户,打开速度慢会选择直接关闭,导致流量的丢失。

    891
    • 网页打开速度
  • Tag标签页面如何优化?

    Tag标签页面

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

    871
    • Tag标签页面
  • 域名的长短会影响排名吗

    域名对权重得影响

    域名的长短、以及域名后缀会影响权重吗?这个问题困扰着很多人,其实域名只要没有黑历史,真的不要介意那么多,我们需要看穿网站优化得本质需要得是什么!

    1711
    • 域名对权重得影响
  • 移动端适配的几种实现方式

    移动端适配

    移动端适配的几种实现方式,rem布局、flex布局、百分比布局、字体适配、vm布局。纯CSS的相对单位vw,vh,它们相对的是终端视口,视口(移动端你就可以当成屏幕就好啦)的宽为100vw,高为100vh。使用起来很简单

    14121
    • 移动端适配
  • 如何让网站页面更快的收录

    页面更快收录

    如何让网站页面更快的收录,网站及页面权重、网站服务器、网站的更新频率、内容的质量等方面都影响这网站内容的收录,只要做到上面这几点网站的收录不会差

    1072
    • 页面更快收录
  • 网站快速排名怎么做?

    网站快速排名

    网站快速排名怎么做?怎样才能网站有好的排名?网站快速排名有以下几种方法可以完成。网站优化排名不是一天两天的事情,是 一个月两个月往上走的事情!SO,如果你三天打渔两天晒网,就不要浪费钱了。

    763
    • 网站快速排名
  • 仿站相似站会对SEO有影响吗

    仿站SEO

    仿站或者类似结构站点会对SEO有影响吗?如何去搭建网站才能更加利于站点的seo优化呢?仿站对于网站优化的利弊有哪些呢?

    483
    • 仿站SEO
  • 百度搜索算法大全,站长速度查阅收藏

    百度搜索算法

    百度搜索算法大全,百度算法主要从:页面内容质量、用户需求满足、用户体验友好、搜索公正及用户安全,今天给大家梳理下这四块内容下涉及到的算法。作为seo优化从业者必须掌握的搜索引擎的算法,梳理一下百度搜索引擎常见的算法。飓风算法、劲风算法、细雨算法、蓝天算法、冰桶算法、惊雷算法、清风算法

    1718
    • 百度搜索算法
  • 网站排名不稳定如何处理

    网站排名不稳定

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

    1227
    • 网站排名不稳定
  • 百度内容发布时间的重要性

    快照时间,内容发布时间

    为什么搜索结果页的快照时间修改为了内容发布时间。内容发布时间对于网站的排名又有什么样的影响呢?网页内容的产生时间更精准的告知用户,降低用户选择成本,提升点击效率,同时也能够提升网站的转化率。

    1097
    • 快照时间
    • 内容发布时间
  • 网站中毒被降权了怎么操作

    网站被黑中毒怎么优化

    网站中毒被降权了怎么操作,这种情况立即关闭网站,申请闭站保护,然后对网站进行全面的检查加固,沉淀1-6个月之后再重新上线。

    1098
    • 网站被黑中毒怎么优化
  • 关键词难易度评估方法

    关键词难度评估

    选好关键词是SEO优化的关键因素,关键词的质量可以决定搜索量、排名、以及转化等。关键词是网站和搜索引擎和用户三者衔接的桥梁。关键词的选择充满了奥秘,简单的讲我们需要考虑这个关键词的搜索量毕竟没有流量的关键词排名再高也没用,其次关键词的排名对于自己站点的难易程度,以及最关键的流量以及转化的平衡点的把握。

    755
    • 关键词难度评估
  • 共享ip服务器对seo优化的影响

    seo优化的影响,共享ip

    目前的服务器大致可以分为两种,一种是虚拟主机,还有一种是实例主机。这两者在seo层面最值得关注就是ip的共享问题。那么共享ip是否会对seo优化造成影响,那么这篇文章值得一看。

    595
    • seo优化的影响
    • 共享ip
  • 不同域名后缀对于SEO优化的影响

    域名后缀,SEO优化

    域名在注册的时候后缀的选择性还是很大的,对于站长们会有疑虑不同的域名后缀对于seo优化效果是否会产生不同的影响,搜索引擎是否会对不同后缀域名区别对待。

    824
    • 域名后缀
    • SEO优化
  • 搜索引擎高级搜索指令大全

    高级搜索指令大全

    搜索引擎高级搜索指令大全。普通的搜索肯定需要会,但是有一些特殊的搜索是SEO必修课程。下面就来介绍一下搜索引擎的特殊搜索——高级搜索指令。

    1434
    • 高级搜索指令大全
  • 索引量和收录量的区别

    关系区别,收录量,索引量

    索引量和收录量的很容易混淆认清两者的关系对于网站优化十分的有帮助,分析索引量和收录量的数据可以及时的发现网站的问题。

    2147
    • 关系区别
    • 收录量
    • 索引量
  • SEO删除旧内容,对排名有影响吗?

    旧内容删除排名变化

    SEO删除旧内容,对排名有影响吗?SEO人员开始研究“以旧换新”或者直接删除旧内容的策略。前期页面排名一定是会有影响,可能下降,也可能上升,但从长期的角度来衡量,

    1498
    • 旧内容删除排名变化
-- 这已经是底线了,看看别的把! --