How to improve Cumulative Layout Shift for a better page experience

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 พ.ย. 2024

ความคิดเห็น • 138

  • @adrianTNT
    @adrianTNT 10 หลายเดือนก่อน +12

    Best example of Google hipocrisity. Most CLS comes from Google AdSense ads, 13:36 is that how we are supposed to prevent CLS from Google ads ? By specifying a fixed height when many times an ad is not even loaded and we have to reserve space for it ? How does that help "user experience" mobile user has to scroll half the screen of empty content to get to the page content.
    Not to mention even when ads do load, we have no way to know what size it will be, not after google kept pusing us to switch to flexible ads and move away from fixed size ads.

    • @RickBeacham
      @RickBeacham 3 หลายเดือนก่อน +1

      You turn off JS all together. I think Google Adsense needs an API for their Ad placement. Also ads tend to use quite a bit of resources and data.

  • @saysamphanephimmachack9274
    @saysamphanephimmachack9274 ปีที่แล้ว +3

    You guy the best God bless you all and team.sp

  • @dominic23jones
    @dominic23jones 2 ปีที่แล้ว +9

    Less shifty, more nifty 🙌

  • @ltnclg
    @ltnclg 3 หลายเดือนก่อน +4

    A few days ago, someone helped me fix the CLS issues on my site. In Lighthouse, the CLS problem appears to be resolved, but I still don't see any improvement in Google Search Console, including the data from August 15th. Why is this happening?

  • @watamallorca
    @watamallorca 5 หลายเดือนก่อน +2

    Amazing! A whole New World opens up.

    • @วิทวัส-ศ7ล
      @วิทวัส-ศ7ล 5 หลายเดือนก่อน

      0:41

    • @bpsingh5771
      @bpsingh5771 4 หลายเดือนก่อน

      😮😮😮😮😮😮😮

    • @bpsingh5771
      @bpsingh5771 4 หลายเดือนก่อน

      ​@user-by5fp1i 0:53 m1k

    • @bpsingh5771
      @bpsingh5771 4 หลายเดือนก่อน

      😮😮😮😮😮😮

    • @bpsingh5771
      @bpsingh5771 4 หลายเดือนก่อน

      😮😮😮😮😮😮😮 1:27 1:29

  • @DavidTaylorGo.Go.Go.
    @DavidTaylorGo.Go.Go. 3 ปีที่แล้ว +8

    I will be sending folks here for reference. This is very well presented. Perfect.

  • @Sura6Surenran
    @Sura6Surenran 11 หลายเดือนก่อน +3

    Layout Better Solution Myself and Loose my Business Devalouping Improve This Help

  • @ChristineWilliams-q8i
    @ChristineWilliams-q8i ปีที่แล้ว +2

    This is gold for me

  • @floutsch
    @floutsch 3 ปีที่แล้ว +7

    Hm... funny topic, those layout shifts. Ever noticed that if you load up a video in the TH-cam app and want to push it to your Chromecast and aren't fast enough? THe thing where at the position of the chromecast button there will be a link that brings you to the advertiser. I find that a bit sus. There's two ways to interprets this: a) with all the smartness Google boasts and basically requires from thers, they don't have that themselves b) they know exactly what they're doing :)

    • @JoanHarbison
      @JoanHarbison 10 หลายเดือนก่อน

      😮

    • @JoanHarbison
      @JoanHarbison 10 หลายเดือนก่อน

      Delete this app

    • @JoanHarbison
      @JoanHarbison 10 หลายเดือนก่อน

      4:04

    • @JoanHarbison
      @JoanHarbison 10 หลายเดือนก่อน

      How to change this shift

    • @floutsch
      @floutsch 10 หลายเดือนก่อน

      @@JoanHarbison I'm not sure what you're trying to say...?

  • @asfiaaiman3699
    @asfiaaiman3699 9 หลายเดือนก่อน +2

    Thank you so much! It resolved my issue

  • @formal-dresses
    @formal-dresses ปีที่แล้ว +3

    Thank you for sharing this useful video. I'm having a problem with large layout shifts, and I've tried everything to fix it, but I'm not a developer. I tried to fix it after seeing your video, but I couldn't. Can you help me?

  • @AndyBadwool
    @AndyBadwool 3 ปีที่แล้ว +6

    Very good video, thanks!
    Question: what can be done if in some cases/pages, the lab data (lighthouse) has been showing a perfect 0 CLS for several months (I mean many months, way more than 30 days), but the field data still shows a higher CLS, eg. 0.45? This seems to happen only on a few pages. What can be done to identify field issues that you can't see in the lab? Or it's possible for this to be just a Crux bug?

    • @patrickkettner8398
      @patrickkettner8398 3 ปีที่แล้ว +4

      Thats a great question, Andy. Lab data is really only a tool to help highlight potential problems., field data is what _actually_ matters. The good news is that you absolutely can find out what the cause of the issue is! The code I got over at 9:42 shows this. You can also see the "Calculating CLS in my own JS" link in the description

    • @AndyBadwool
      @AndyBadwool 3 ปีที่แล้ว +2

      Thank you so much for the reply and clarification! I will look into it :)

    • @wasank6169
      @wasank6169 3 ปีที่แล้ว

      ฃำกอ

    • @wasank6169
      @wasank6169 3 ปีที่แล้ว

      ฃฃ

  • @GerardoNicolas-j4o
    @GerardoNicolas-j4o หลายเดือนก่อน

    Is bery importante para el cuidado de la salud.
    Muchas felicidades y gracias.

  • @muthukrishnanmani46
    @muthukrishnanmani46 3 หลายเดือนก่อน

    It's very helpful! much appreciated and Thanks 👍

  • @amelidagonzalez1127
    @amelidagonzalez1127 2 หลายเดือนก่อน

    Changes are great 😊

  • @BeeSoonTan-hr1qp
    @BeeSoonTan-hr1qp ปีที่แล้ว +3

    Thanks for sharing

  • @Y.o.t.t.o7
    @Y.o.t.t.o7 9 หลายเดือนก่อน +2

    T x for beautiful sharing ❤ Iloved
    .😂❤❤

  • @PriapolosDspdbindukptbsm-dk5ld
    @PriapolosDspdbindukptbsm-dk5ld ปีที่แล้ว +2

    pulih kan koleksi penyimpanan yutuob

  • @zaracrowther9517
    @zaracrowther9517 2 ปีที่แล้ว +4

    Thank you for the great information! Looking forward to more :)

  • @كلكذوق-ع7م
    @كلكذوق-ع7م 8 หลายเดือนก่อน +2

    Thank you so much! It resolved my issu

  • @traceystevens7701
    @traceystevens7701 3 ปีที่แล้ว +3

    Hmm does it really matter if the page loads in less than 5 seconds.

    • @patrickkettner8398
      @patrickkettner8398 3 ปีที่แล้ว

      great question! there really isnt' a universal time it takes to load a website, since its a network - What takes 0.02 seconds to load while im on my laptop might take 90 seconds to load when im on the train. Neither is particularly life changing for what I use it for, but if the 0,02 seconds loaded 10 times slower, I probably would barely notice. But if the 90 second one loaded 10 times slower... it probably would never load - id just give up. TH-cam Feather was a great example of this. A project that reduced the amount of code it takes to load youtube raising the overall load time on the site. Not because it was slower for anyone, but because people who previously may have to wait hours to load the site, could now do it in less than one hour. A rising tide lifts all boats, and a faster site is faster for everyone.

  • @Miss.RiNa069
    @Miss.RiNa069 7 หลายเดือนก่อน +2

    😮so sir the meaning In every layout mistake it lessen the chance the content to promote

    • @Miss.RiNa069
      @Miss.RiNa069 5 หลายเดือนก่อน

      i learned a lot a

    • @Werop-s1l
      @Werop-s1l 4 หลายเดือนก่อน

      1336​@@Miss.RiNa069

    • @Werop-s1l
      @Werop-s1l 4 หลายเดือนก่อน

    • @Алексей-х9я2о
      @Алексей-х9я2о 3 หลายเดือนก่อน

      Спасибо за информацию
      ❤ 0:00
      ​@@Werop-s1l

  • @neopdblogger9855
    @neopdblogger9855 2 ปีที่แล้ว +4

    Clear and well explained. I do learn more, thank you.

  • @chaosparticles
    @chaosparticles ปีที่แล้ว +2

    Beautiful. Very helpful!

  • @DiogoSaraivabeatz
    @DiogoSaraivabeatz 2 ปีที่แล้ว +3

    Great teacher! Thanks a lot

  • @GerardoNicolas-j4o
    @GerardoNicolas-j4o หลายเดือนก่อน

    Perdón pero me tengo que salir de la oficina, muchas gracias muy interesante.

  • @JuanPabloGutiérrezMartínez-o2e
    @JuanPabloGutiérrezMartínez-o2e 2 หลายเดือนก่อน

    Si tú lo insiste eres todo un genio

  • @LisaStewart-Lawson
    @LisaStewart-Lawson 11 หลายเดือนก่อน +2

    Great

  • @GerardoNicolas-j4o
    @GerardoNicolas-j4o หลายเดือนก่อน +1

    Gerardo Alcaraz Ogazón

  • @normajanaban884no
    @normajanaban884no ปีที่แล้ว +3

    Goodmorning

  • @UniAja-wt4du
    @UniAja-wt4du ปีที่แล้ว +2

  • @FidelHumbertoEscamillaM
    @FidelHumbertoEscamillaM 7 วันที่ผ่านมา

    Buena programacion

  • @Vilai-ik8en
    @Vilai-ik8en ปีที่แล้ว +3

    วิลัย พรหมเสน.ฃอฃอบคุนคับ

  • @HerumanHeru-z2z
    @HerumanHeru-z2z 8 หลายเดือนก่อน +1

    Makasi

  • @DanielHawkesbotting-j6v
    @DanielHawkesbotting-j6v หลายเดือนก่อน

    ❤❤❤❤

  • @musliadi4145
    @musliadi4145 10 หลายเดือนก่อน +1

    Аз бях виновен, че ме обидиха, така че трябва да го приема 🫵🤝🫵 thank U foor Me😅

  • @jfdcudydjfyyesiodc
    @jfdcudydjfyyesiodc 5 หลายเดือนก่อน +1

    Sono informazioni ristrette ai partecipanti come me😂

  • @梁美珠-l4s
    @梁美珠-l4s 7 หลายเดือนก่อน +1

    ❤❤❤🎉🎉🎉

  • @ANGELFRANCILISO-nr2bt
    @ANGELFRANCILISO-nr2bt ปีที่แล้ว +1

    send feedback to google

  • @rank_games4937
    @rank_games4937 3 ปีที่แล้ว +14

    This is gold 🔥

  • @GerardoNicolas-j4o
    @GerardoNicolas-j4o หลายเดือนก่อน

    Me avisas por favor.

  • @JianiuZhang-ke6lq
    @JianiuZhang-ke6lq ปีที่แล้ว +1

    Buessess Jianiuzhang a grave la chane

  • @LaurenAMPIRE
    @LaurenAMPIRE หลายเดือนก่อน

    And the Finally.

  • @MohsinShareef-cl3tt
    @MohsinShareef-cl3tt 9 หลายเดือนก่อน +1

    0:44

  • @DanielHawkesbotting-j6v
    @DanielHawkesbotting-j6v หลายเดือนก่อน

    🎉🎉🎉🎉🎉🎉❤❤❤❤❤

  • @วิโรจน์ยังเจริญ-ค4ฒ

    Ok Google

  • @GerardoNicolas-j4o
    @GerardoNicolas-j4o หลายเดือนก่อน

    I'm, Operator i'm My columna ahí nede

  • @boonlird29-i3d
    @boonlird29-i3d 9 หลายเดือนก่อน +1

    O.K😊

  • @azimmuradi4303
    @azimmuradi4303 ปีที่แล้ว +1

    Azim muradi

  • @VEERAYUTSINGSORN-uss_ath9nn
    @VEERAYUTSINGSORN-uss_ath9nn 4 หลายเดือนก่อน

    อยากไห้เด็กๆมีอนาคตที่ที่เขาพอจะเลือกได้
    🙋🥰👾🌐👌💅 ขอบคุณครับ🧚

  • @SonuKumar-qw8kq
    @SonuKumar-qw8kq 2 หลายเดือนก่อน

    Ok

  • @dindadurasidfajarusop5821
    @dindadurasidfajarusop5821 3 ปีที่แล้ว +1

    Palangkaraya translite indonesia

  • @SanjaySingh-yi8to
    @SanjaySingh-yi8to ปีที่แล้ว +1

  • @dee-z5n
    @dee-z5n 2 หลายเดือนก่อน

    😂 0:42 0:43 0:43 0:43

  • @ChaAm-h8v
    @ChaAm-h8v 16 วันที่ผ่านมา

    17:15 17:21

  • @ChaAm-h8v
    @ChaAm-h8v 16 วันที่ผ่านมา

    18:24 18:24

  • @bpsingh5771
    @bpsingh5771 4 หลายเดือนก่อน

    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤😂❤❤❤

  • @gopalbarve5732
    @gopalbarve5732 ปีที่แล้ว +1

    ❤😂🎉😢😮😅😊

  • @SAHALAM-s1n
    @SAHALAM-s1n หลายเดือนก่อน

    CZTZFZ...

  • @boonlird29-i3d
    @boonlird29-i3d 9 หลายเดือนก่อน +1

    O.K😊