Тёмный

How To Optimize Largest Contentful Paint 

DebugBear
Подписаться 287
Просмотров 14 тыс.
50% 1

In this video we look at Largest Contentful Paint and how we can optimize LCP.
LCP is one of Google's Core Web Vitals that measures how soon after navigation the main content of a website appears. LCP is made up of four components: Time to First Byte, Load Delay, Load Time and Render Delay.
For LCP to be measured as good, the element needs to load in under 2.5 seconds. In this video we go through some common examples where improvements can be made, such as optimizing and prioritizing the image.
Sign up for a free DebugBear free trial: www.debugbear.com/signup
Timestamps:
0:00 - What is Largest Contentful Paint?
0:42 - What Counts As Good LCP?
2:51 - Image Optimization
4:19 - Prioritizing Images
6:08 - Request Chains
6:50 - How To Optimize LCP

Наука

Опубликовано:

 

16 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@henrypawson513
@henrypawson513 4 месяца назад
Great video mate, for a small channel I appreciate the effort that's gone into this, have a nice weekend
@debugbear
@debugbear 3 месяца назад
Thanks for this comment, Henry. We really appreciate it!
@naijapickup7957
@naijapickup7957 3 месяца назад
I love u, u break everything down here, I can wait to c more of u here
@debugbear
@debugbear 3 месяца назад
Thanks a lot! We have some more useful web performance videos coming soon.
@JoeyPauga
@JoeyPauga 2 месяца назад
Thanks for the great explanation 👍👍
@debugbear
@debugbear 2 месяца назад
Thank you, Joey!
@adrichasis
@adrichasis 6 месяцев назад
The fetchpriority worked perfectly, thank you!!
@Drugvigil
@Drugvigil 5 месяцев назад
Can it be done to WordPress also?
@debugbear
@debugbear 3 месяца назад
Awesome!
@debugbear
@debugbear 3 месяца назад
You should be able to add fetchpriority with a WordPress site.
@Drugvigil
@Drugvigil 3 месяца назад
@@debugbear what is fetch priority, How could it be done within WordPress?
@ddjjiillaallii
@ddjjiillaallii 3 месяца назад
Hey Bro i am from France and trying ur software ! i am very beginner so i hope i'll learn alot with you to get some good results! Peace
@debugbear
@debugbear 2 месяца назад
Hello, that's great to hear! If you have any questions please feel free to send us a message.
@user-zt9rr1qn5v
@user-zt9rr1qn5v Месяц назад
You are not showing live
@JamesHuxley-oi2cx
@JamesHuxley-oi2cx 2 месяца назад
It would be really helpful to see how you implement the fetchpriority. I can see it's helpful, but none the wiser how to implement it.
@debugbear
@debugbear 2 месяца назад
Hello James, we have a short video on how to implement fetchpriority. You can also find more information on our blog.
Далее
Optimising Code - Computerphile
19:43
Просмотров 142 тыс.
меня не было 9 дней
12:48
Просмотров 2,3 млн
50 YouTubers Fight For $1,000,000
41:27
Просмотров 135 млн
Design Better Than 99% of UI Designers
14:52
Просмотров 187 тыс.
Use these instead of vh
6:06
Просмотров 485 тыс.
How To Optimize Interaction to Next Paint
8:53
Просмотров 2,4 тыс.
Why JavaScript Devs are Switching to Rust in 2024
10:35
Здесь упор в процессор
18:02
Просмотров 344 тыс.
Игровой Комп с Авито за 4500р
1:00