За 2021-й год в мире Core Web Vitals произошло много нового. В этом докладе мы обсудим: - Новости из мира Core Web Vitals. Что в выдаче? Что с AMP? - Развитие метрик и новые инструменты - Чем лаборатория отличается от поля - Как подойти к анализу, если совсем мало времени и опыта, а как, если побольше. - Примеры. Примеры? Примеры! - Каналы обратной связи

1. Андрей Липатцев, Google Chrome
Core Web Vitals II
метрики улучшаются
/andreylipattsev
@andrey_l1nd3n

2. OPTIMIZATION 2021 01
В предыдущих сериях
Поиск Google вводит новые сигналы с мая 2021-го
В список сигналов включают Core Web Vitals
Для оценки вашего сайта есть полный инструментарий
Пороги Core Web Vitals установлены эмпирически

3. OPTIMIZATION 2021 02
В новом сезоне
Новые сигналы уже тут
Инструментов для анализа всё больше
Не смотрите на самую большую цифру

4. Новости
03
OPTIMIZATION 2021

5. 04
OPTIMIZATION 2021
https://developers.google.com/search/blog/2021/04/more-details-page-experience
Page Experience
сигналы

6. 06
OPTIMIZATION 2021
https://developers.google.com/search/blog/2021/04/more-details-page-experience
Page Experience
отчёт

7. 05
OPTIMIZATION 2021
https://goo.gle/cwv-cms-report
42%Vs 21%

8. 07
OPTIMIZATION 2021
https://web.dev/evolving-cls/
5 сек на сессию

9. С полей
08
OPTIMIZATION 2021

10. 09
OPTIMIZATION 2021
https://web.dev/lab-and-field-data-differences/

11. Что делать?
10
OPTIMIZATION 2021

12. 11
OPTIMIZATION 2021
https://web.dev/vitals-tools-workflow/

13. А ещё что
делать?
12
OPTIMIZATION 2021

14. 13
OPTIMIZATION 2021
https://web.dev/vitals-ga4/
GA4 & Big Query

15. 14
OPTIMIZATION 2021
https://web.dev/vitals-ga4/

16. 15
OPTIMIZATION 2021
https://web.dev/autowebperf/
AutoWebPe :
PSI, WPT, CrUX API

17. 16
OPTIMIZATION 2021
https://web.dev/tag-best-practices/
Теги
Шаблоны & триггеры

18. 17
OPTIMIZATION 2021
https://web.dev/patterns/web-vitals-patterns/
UX & PX
Карусели, шрифты, изображения,
бесконечный скролл, баннеры, заглушки,
видео…

19. И снова
с полей
18
OPTIMIZATION 2021

20. 19
OPTIMIZATION 2021
https://web.dev/netzwelt/

21. 21
OPTIMIZATION 2021
https://web.dev/telegraph/

22. 22
OPTIMIZATION 2021
https://web.dev/swappie/

23. 23
OPTIMIZATION 2021
https://web.dev/vodafone/

24. 24
OPTIMIZATION 2021
https://web.dev/yahoo-japan-news/

25. 25
OPTIMIZATION 2021
https://web.dev/zalando/

26. 26
OPTIMIZATION 2021
https://habr.com/ru/company/vk/blog/577792/

27. 27
OPTIMIZATION 2021

28. Пишите
письма
28
OPTIMIZATION 2021

29. XX
OPTIMIZATION 2021
https://stackoverflow.com/questions/tagged/core-web-vitals & https://groups.google.com/g/web-vitals-feedback
#core-web-vitals

30. Жмите колокольчик!
XX ЛЕТ КОНФЕРЕНЦИИ
Андрей Липатцев
Web Partnerships, Google
Chrome
/andreylipattsev
@andrey_l1nd3n