How to fix Cumulative Layout Shift in WordPress (Core Web Vitals Item)

Поделиться
HTML-код
  • Опубликовано: 22 дек 2024

Комментарии • 27

  • @polak3015
    @polak3015 2 года назад

    I can't believe WP Rocket was the culprit. Thank you for this thorough guide. You literally answered all possibilities.

    • @Daniel-mx4gf
      @Daniel-mx4gf Месяц назад

      What a helpful comment bro, this comment helped me to fix the issue.

  • @chrisroberts3610
    @chrisroberts3610 3 года назад

    Thank you so much, Tom!!!! I had been trying to find the last piece of my optimisation puzzle for days. Your video has saved me such headache... I use Oxygen and the CSS wasn't being read and optimised correctly by WPRocket. Creating the CSS on the site you recommended and placing it as a fallback has fixed CLS from 1.0 to 0.001 and eliminated all blocking time. We now have a score of 98/100 on Google Pagespeeds. Again thank you so much!!

    • @onlinemediamasters
      @onlinemediamasters  3 года назад

      That's awesome! Yeah I don't use Oxygen but it seemed like that was the go-to solution based on my research. Glad it worked and congrats on those scores!

  • @Umair-Hashmi
    @Umair-Hashmi 3 года назад +1

    Wow! I disabled Optimize CSS delivery in WP Rocket and my score went from 70 to 90 on the desktop. Thanks, man.

    • @onlinemediamasters
      @onlinemediamasters  3 года назад +1

      Glad that worked for ya.

    • @Umair-Hashmi
      @Umair-Hashmi 3 года назад

      @@onlinemediamasters You are a master in speeding up WordPress. I watched your other videos to improve the Gtmetrix result from 4.7 sec to 1.2 sec.

  • @johnravi3887
    @johnravi3887 3 года назад

    Hi Tom,
    What a helpful video! I have been thinking about fixing the cumulative layout shift for a long time. I know it is a core item, but I have been struggling with the right process. I learned a lot from this video, and I will definitely apply your process to fix my website. Thanks a lot for sharing this helpful video. It was a great watch, and I am looking forward to applying the process very soon.

  • @paulramura8126
    @paulramura8126 2 года назад

    Well done job! Best video I have found so far. Thank you for sharing your knowledge with others!

  • @ReadersVenue
    @ReadersVenue 3 года назад

    Thank you so much brother MY website speed got 94! I just turned off the wp rocket optimize css delivery option

  • @Phoenix_Arise_J
    @Phoenix_Arise_J Год назад

    Thank you so much for this incredibly helpful video. You are great at explaining things straight forward, this less than 10 minutes video is packed with information that are 💯 worth watching ❤

  • @sanjaypatil216
    @sanjaypatil216 3 года назад +1

    Great,,,,,,,,,,,,,,,,,,,,What superb content, my website insight score went to 99%, after following your instruction ! thanks, thanks, thanks !!!!!!!!!!!!

  • @mouatco
    @mouatco 2 года назад

    This is super. Thank you so much for sharing

  • @formal-dresses
    @formal-dresses 2 года назад

    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?

  • @wpsyed
    @wpsyed 3 года назад

    Hi Tom thanks for the tutorial Can you please recommend a perfect hosting that has less TBT.

    • @onlinemediamasters
      @onlinemediamasters  3 года назад

      Hosting doesn't have much to do with TBT. TBT is more about deferring JS, delaying JS, removing unused JS, etc. If you're talking about TTFB, I use Cloudways Vultr HF onlinemediamasters.com/cloudways-review/

  • @gijswiegeraad8644
    @gijswiegeraad8644 3 года назад

    Great!

  • @asdasda7940
    @asdasda7940 2 года назад

    man this is just an ad for wp rocket. disgusting