Выжимка статьи: не так давно онлайн-магазины запустили в продажу iPhone 12, пытаясь сделать это максимально красиво. Однако для пользователей картина оказалась не столь уж привлекательной. От чего нагревается ваш телефон при загрузке страниц на этих сайтах? Куда улетают гигабайты мобильного интернета? И самое главное – почему у топовых магазинов все так лагает? Рассказываем в этой статье!

Привет, на связи Алексей Махметхажиев. Недавно мы с командой LOADING.express провели большое исследование – замерили скорость загрузки 30 сайтов-продавцов техники Apple. Прогнали их по всем параметрам Гугл PageSpeed Insights через калькулятор Lighthouse 6.4.1*. Дали свои рекомендации по ускорению каждого сайта. Опубликовали всё это на vc.ru. И не забыли про подарок в конце статьи. Результаты получились просто бомбические!

Вы спросите – зачем мы всё это сделали? А затем, что скорость сайта напрямую влияет на его конверсию. О падении продаж iPhone в России недавно писали на Хабре. А мы обсудили эту новость в своем подкасте. Слушайте тут!👇

Статья состоит из пяти основных блоков:

  1. Время загрузки каждого сайта до полной интерактивности страницы (TTI).
  2. Видео загрузки каждого сайта.
  3. Калькулятор показателей PageSpeed Insights с пояснениями.
  4. Рекомендации по ускорению каждого из 30 тестируемых сайтов.
  5. Бонус про ускорение сайтов в конце статьи.

Скорость загрузки до полной интерактивности

  1. iPort.ru – от 16 до 35 секунд
  2. m.re-store.ru — от 20 до 41 секунды
  3. apple.com – от 6 до 12 секунд
  4. onlinetrade.ru — от 5 до 9 секунд
  5. ozon.ru — от 7 до 13 секунд
  6. dns-shop.ru — от 7 до 12 секунд
  7. eldorado.ru — от 12 до 30 секунд
  8. mvideo.ru — от 25 до 50 секунд
  9. technopark.ru — от 4 до 8 секунд
  10. svyaznoy.ru — от 17 до 30 секунд
  11. citilink.ru — от 13 до 21 секунды
  12. megafon.ru — от 15 до 26 секунд
  13. beeline.ru — от 8 до 16 секунд
  14. mts.ru — от 18 до 32 секунд
  15. e-katalog.ru — от 3 до 6 секунд
  16. biggeek.ru — от 18 до 30 секунд
  17. c-store.ru — от 14 до 24 секунд
  18. indexiq.ru — от 9 до 23 секунд
  19. iwbm.ru — от 10 до 13 секунд
  20. pitergsm.ru — от 6 до 13 секунд
  21. repairmyapple.ru — от 8 до 17 секунд
  22. apple-store.net.ru — от 3 до 5 секунд
  23. gorbushka-market.ru — от 6 до 12 секунд
  24. icenter-store.ru — от 8 до 19 секунд
  25. sotohit.ru — от 7 до 23 секунд
  26. gigant-store.ru — от 7 до 11 секунд
  27. icult.ru — от 7 до 20 секунд
  28. istore-d.ru — от 5 до 17 секунд
  29. appletomsk.ru — от 2 до 4 секунд
  30. at-store.ru — от 4 до 8 секунд
  31. i-point.ru — от 4 до 9 секунд

1. iPort.ru — от 16 до 35 секунд

Калькулятор показателей PageSpeed *👇:

Жми сюда!
  • FCP, первая отрисовка — 4 080 мс (48 из 100)
  • SI, индекс скорости — 14 855 мс (1 из 100)
  • LCP, наибольший отрисованный контент — 37 245 мс (0 из 100)
  • TTI, время до интерактивности — 58 519 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 20 034 мс (0 из 100)
  • CLS, сдвиг макета — 0,01 (100 из 100)

👉 Как ускорить сайт iPort.ru

2. m.Re-Store.ru — от 20 до 41 секунды

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 3510 мс (62 из 100)
  • SI, индекс скорости — 24 382 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 33 150 мс (0 из 100)
  • TTI, время до интерактивности — 44 889 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 6 807 мс (0 из 100)
  • CLS, сдвиг макета — 0,28 (44 из 100)

👉 Как ускорить сайт m.re-store.ru

3. Apple.com — от 6 до 12 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 7 932 мс (5 из 100)
  • SI, индекс скорости — 12 390 мс (4 из 100)
  • LCP, наибольший отрисованный контент — 14 232 мс (0 из 100)
  • TTI, время до интерактивности — 14 440 мс (9 из 100)
  • TBT, полная блокировка интерактивности — 3 612 мс (0 из 100)
  • CLS, сдвиг макета — 0,01 (100 из 100)

👉 Как ускорить сайт apple.com

4. Onlinetrade.ru — от 5 до 9 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 479 мс (87 из 100)
  • SI, индекс скорости — 6 368 мс (41 из 100)
  • LCP, наибольший отрисованный контент — 10 860 мс (0 из 100)
  • TTI, время до интерактивности — 9 390 мс (31 из 100)
  • TBT, полная блокировка интерактивности — 1 491 мс (6 из 100)
  • CLS, сдвиг макета — 0,24 (52 из 100)

👉 Как ускорить сайт onlinetrade.ru

5. Ozon.ru — от 7 до 13 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 970 мс (76 из 100)
  • SI, индекс скорости — 13 458 мс (2 из 100)
  • LCP, наибольший отрисованный контент — 23 049 мс (0 из 100)
  • TTI, время до интерактивности — 35 976 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 27 060 мс (0 из 100)
  • CLS, сдвиг макета — 0,00 (100 из 100)

👉 Как ускорить сайт ozon.ru

6. DNS-shop.ru — от 7 до 12 секунд

Для сайта этой компании не удалось сделать аудит страницы товара. Поэтому видео сделано для главной, а параметры калькулятора — для страницы товара.

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 5 400 мс (24 из 100)
  • SI, индекс скорости — 18 328 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 17 517 мс (0 из 100)
  • TTI, время до интерактивности — 19 925 мс (3 из 100)
  • TBT, полная блокировка интерактивности — 3 720 мс (0 из 100)
  • CLS, сдвиг макета — 0,20 (62 из 100)

👉 Как ускорить сайт dns-shop.ru

7. Eldorado.ru — от 12 до 30 секунд

Для сайта этой компании не удалось сделать аудит страницы товара. Видео сделано для главной, а параметры калькулятора — для страницы товара.

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 9 223 мс (2 из 100)
  • SI, индекс скорости — 24 462 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 27 200 мс (0 из 100)
  • TTI, время до интерактивности — 38 317 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 16 298 мс (0 из 100)
  • CLS, сдвиг макета — 0,34 (33 из 100)

👉 Как ускорить сайт eldorado.ru

8. Mvideo.ru — от 25 до 50 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 3 960 мс (51 из 100)
  • SI, индекс скорости — 14 119 мс (2 из 100)
  • LCP, наибольший отрисованный контент — 15 060 мс (0 из 100)
  • TTI, время до интерактивности — 46 397 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 27 495 мс (0 из 100)
  • CLS, сдвиг макета — 0,01 (100 из 100)

👉 Как ускорить сайт mvideo.ru

9. Technopark.ru — от 4 до 8 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 220 мс (92 из 100)
  • SI, индекс скорости — 19 289 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 5 820 мс (15 из 100)
  • TTI, время до интерактивности — 37 636 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 24 689 мс (0 из 100)
  • CLS, сдвиг макета — 0,11 (87 из 100)

👉 Как ускорить сайт technopark.ru

10. Svyaznoy.ru — от 17 до 30 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 910 мс (78 из 100)
  • SI, индекс скорости — 18 309 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 9 630 мс (1 из 100)
  • TTI, время до интерактивности — 32 278 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 20 618 мс (0 из 100)
  • CLS, сдвиг макета — 0,11 (87 из 100)

👉 Как ускорить сайт svyaznoy.ru

11. Citilink.ru — от 13 до 21 секунды

Для сайта этой компании не удалось сделать аудит страницы товара. Видео сделано для главной, а параметры калькулятора — для страницы товара.

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 5 010 мс (30 из 100)
  • SI, индекс скорости — 11 142 мс (6 из 100)
  • LCP, наибольший отрисованный контент — 12 378 мс (0 из 100)
  • TTI, время до интерактивности — 24 614 мс (1 из 100)
  • TBT, полная блокировка интерактивности — 7 982 мс (0 из 100)
  • CLS, сдвиг макета — 0,01 (100 из 100)

👉 Как ускорить сайт citilink.ru

12. Megafon.ru — от 15 до 26 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 4 738 мс (34 из 100)
  • SI, индекс скорости — 20 224 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 23 358 мс (0 из 100)
  • TTI, время до интерактивности — 24 969 мс (1 из 100)
  • TBT, полная блокировка интерактивности — 7 770 мс (0 из 100)
  • CLS, сдвиг макета — 0,03 (100 из 100)

👉 Как ускорить сайт megafon.ru

13. Beeline.ru — от 8 до 16 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 3 885 мс (53 из 100)
  • SI, индекс скорости — 12 303 мс (4 из 100)
  • LCP, наибольший отрисованный контент — 12 303 мс (0 из 100)
  • TTI, время до интерактивности — 24 715 мс (1 из 100)
  • TBT, полная блокировка интерактивности — 10 903 мс (0 из 100)
  • CLS, сдвиг макета — 0,28 (44 из 100)

👉 Как ускорить сайт beeline.ru

14. MTS.ru — от 18 до 32 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 13 133 мс (0 из 100)
  • SI, индекс скорости — 15 548 мс (1 из 100)
  • LCP, наибольший отрисованный контент — 30 489 мс (0 из 100)
  • TTI, время до интерактивности — 27 755 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 7 569 мс (0 из 100)
  • CLS, сдвиг макета — 0,13 (82 из 100)

👉 Как ускорить сайт mts.ru

15. E-katalog.ru — от 3 до 6 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 992 мс (100 из 100)
  • SI, индекс скорости — 8 625 мс (17 из 100)
  • LCP, наибольший отрисованный контент — 6 582 мс (9 из 100)
  • TTI, время до интерактивности — 18 007 мс (4 из 100)
  • TBT, полная блокировка интерактивности — 14 391 мс (0 из 100)
  • CLS, сдвиг макета — 0,15 (76 из 100)

👉 Как ускорить сайт e-katalog.ru

16. BIGgeek.ru — от 18 до 30 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 5 880 мс (18 из 100)
  • SI, индекс скорости — 19 566 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 15 872 мс (0 из 100)
  • TTI, время до интерактивности — 35 462 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 12 911 мс (0 из 100)
  • CLS, сдвиг макета — 0,00 (100 из 100)

👉 Как ускорить сайт biggeek.ru

17. C-store.ru — от 14 до 24 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 8 175 мс (4 из 100)
  • SI, индекс скорости — 23 135 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 23 814 мс (0 из 100)
  • TTI, время до интерактивности — 45 057 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 17 983 мс (0 из 100)
  • CLS, сдвиг макета — 0,00 (100 из 100)

👉 Как ускорить сайт c-store.ru

18. IndexIQ.ru — от 9 до 23 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 3 413 мс (65 из 100)
  • SI, индекс скорости — 20 027 мс (0 из 100)
  • LCP, наибольший отрисованный контент — 20 191 мс (0 из 100)
  • TTI, время до интерактивности — 28 170 мс (0 из 100)
  • TBT, полная блокировка интерактивности — 5 314 мс (0 из 100)
  • CLS, сдвиг макета — 0,00 (100 из 100)

👉 Как ускорить сайт indexiq.ru

19. Iwbm.ru — от 10 до 13 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 7 080 мс (9 из 100)
  • SI, индекс скорости — 10 592 мс (8 из 100)
  • LCP, наибольший отрисованный контент — 14 400 мс (0 из 100)
  • TTI, время до интерактивности — 15 345 мс (7 из 100)
  • TBT, полная блокировка интерактивности — 685 мс (41 из 100)
  • CLS, сдвиг макета — 0,46 (20 из 100)

👉 Как ускорить сайт iwbm.ru

20. Pitergsm.ru — от 6 до 13 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 745 мс (82 из 100)
  • SI, индекс скорости — 9 888 мс (10 из 100)
  • LCP, наибольший отрисованный контент — 21 012 мс (0 из 100)
  • TTI, время до интерактивности — 14 936 мс (8 из 100)
  • TBT, полная блокировка интерактивности — 788 мс (32 из 100)
  • CLS, сдвиг макета — 0,25 (50 из 100)

👉 Как ускорить сайт pitergsm.ru

21. RepairMyApple.ru — от 8 до 17 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 3 000 мс (75 из 100)
  • SI, индекс скорости — 8 519 мс (18 из 100)
  • LCP, наибольший отрисованный контент — 7 185 мс (6 из 100)
  • TTI, время до интерактивности — 18 739 мс (3 из 100)
  • TBT, полная блокировка интерактивности — 2 993 мс (0 из 100)
  • CLS, сдвиг макета — 0,22 (57 из 100)

👉 Как ускорить сайт repairmyapple.ru

22. Apple-Store.net.ru — от 3 до 5 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 288 мс (91 из 100)
  • SI, индекс скорости — 5 299 мс (59 из 100)
  • LCP, наибольший отрисованный контент — 7 695 мс (4 из 100)
  • TTI, время до интерактивности — 8 200 мс (41 из 100)
  • TBT, полная блокировка интерактивности — 1 575 мс (5 из 100)
  • CLS, сдвиг макета — 0,22 (57 из 100)

👉 Как ускорить сайт apple-store.net.ru

23. Gorbushka-market.ru — от 6 до 12 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 5 536 мс (22 из 100)
  • SI, индекс скорости — 7 500 мс (27 из 100)
  • LCP, наибольший отрисованный контент — 9 174 мс (1 из 100)
  • TTI, время до интерактивности — 16 419 мс (6 из 100)
  • TBT, полная блокировка интерактивности — 3 552 мс (0 из 100)
  • CLS, сдвиг макета — 0,36 (31 из 100)

👉 Как ускорить сайт gorbushka-market.ru

24. iCenter-store.ru — от 8 до 19 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 6 494 мс (12 из 100)
  • SI, индекс скорости — 11 127 мс (6 из 100)
  • LCP, наибольший отрисованный контент — 12 930 мс (0 из 100)
  • TTI, время до интерактивности — 19 443 мс (3 из 100)
  • TBT, полная блокировка интерактивности — 4 265 мс (0 из 100)
  • CLS, сдвиг макета — 0,93 (3 из 100)

👉 Как ускорить сайт icenter-store.ru

25. Sotohit.ru — от 7 до 23 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 6 189 мс (15 из 100)
  • SI, индекс скорости — 13 917 мс (2 из 100)
  • LCP, наибольший отрисованный контент — 18 128 мс (0 из 100)
  • TTI, время до интерактивности — 22 729 мс (1 из 100)
  • TBT, полная блокировка интерактивности — 6 560 мс (0 из 100)
  • CLS, сдвиг макета — 0,38 (28 из 100)

👉 Как ускорить сайт sotohit.ru

26. Gigant-store.ru — от 7 до 11 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 3 645 мс (59 из 100)
  • SI, индекс скорости — 6 617 мс (38 из 100)
  • LCP, наибольший отрисованный контент — 7 030 мс (6 из 100)
  • TTI, время до интерактивности — 13 719 мс (11 из 100)
  • TBT, полная блокировка интерактивности — 2 180 мс (1 из 100)
  • CLS, сдвиг макета — 0,35 (32 из 100)

👉 Как ускорить сайт gigant-store.ru

27. Icult.ru — от 7 до 20 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 6 031 мс (16 из 100)
  • SI, индекс скорости — 9 385 мс (13 из 100)
  • LCP, наибольший отрисованный контент — 8 340 мс (2 из 100)
  • TTI, время до интерактивности — 18 325 мс (4 из 100)
  • TBT, полная блокировка интерактивности — 2 306 мс (1 из 100)
  • CLS, сдвиг макета — 0,01 мс (100 из 100)

👉 Как ускорить сайт icult.ru

28. iStore-d.ru — от 5 до 17 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 7 020 мс (9 из 100)
  • SI, индекс скорости — 9 458 мс (12 из 100)
  • LCP, наибольший отрисованный контент — 14 955 мс (0 из 100)
  • TTI, время до интерактивности — 21 878 мс (2 из 100)
  • TBT, полная блокировка интерактивности — 1 103 мс (15 из 100)
  • CLS, сдвиг макета — 0,08 (94 из 100)

👉 Как ускорить сайт istore-d.ru

29. Appletomsk.ru — от 2 до 4 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 075 мс (94 из 100)
  • SI, индекс скорости — 2 894 мс (95 из 100)
  • LCP, наибольший отрисованный контент — 4 130 мс (47 из 100)
  • TTI, время до интерактивности — 4 885 мс (78 из 100)
  • TBT, полная блокировка интерактивности — 429 мс (72 из 100)
  • CLS, сдвиг макета — 0,07 (96 из 100)

👉 Как ускорить сайт appletomsk.ru

30. AT-store.ru — от 4 до 8 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 3 615 мс (60 из 100)
  • SI, индекс скорости — 5 954 мс (48 из 100)
  • LCP, наибольший отрисованный контент — 8 385 мс (2 из 100)
  • TTI, время до интерактивности — 13 428 мс (12 из 100)
  • TBT, полная блокировка интерактивности — 3 894 (0 из 100)
  • CLS, сдвиг макета — 0,05 (99 из 100)

👉 Как ускорить сайт at-store.ru

31. i-Point.ru — от 4 до 9 секунд

Калькулятор показателей PageSpeed👇:

Жми сюда!
  • FCP, первая отрисовка — 2 205 мс (92 из 100)
  • SI, индекс скорости — 5 947 мс (48 из 100)
  • LCP, наибольший отрисованный контент — 5 426 мс (20 из 100)
  • TTI, время до интерактивности — 11 328 мс (20 из 100)
  • TBT, полная блокировка интерактивности — 3 838 мс (0 из 100)
  • CLS, сдвиг макета — 0,00 (100 из 100)

👉 Как ускорить сайт i-point.ru

6 параметров, влияющих на скорость сайта

Скорость любого сайта зависит всего от 6 параметров PageSpeed Insights.

1. Скорость первой отрисовки — FCP

First Contentful Paint — это временной промежуток между ответом сервера и появлением первого контента. Измеряется в секундах. Однако скорость ответа сервера в этот показатель не входит. Посетитель сайта будет видеть до FCP лишь белый экран. Более подробно про ответ сервера и его ускорение мы писали в этой статье.

Как улучшить первую отрисовку, FCP

Убрать всё, что блокирует начало первой отрисовки.

  1. Если стили < 100кб — сделать их инлайном.
  2. Исключить выполнение JS при отрисовке.

2. Полная интерактивность страницы — TTI

Time To Interactive — это время до взаимодействия пользователя с сайтом, измеряется в секундах. Этот период показывает, через сколько секунд страница будет полностью готова к взаимодействию с юзером. До этого момента работа со страницей может вызывать затруднения (лаги прокрутки, нерабочие кнопки). Хороший показатель TTI — от 0 до 3.8 секунд. Средний — от 3.9 до 7.3 секунд. Медленный — от 7.3 секунд (красная зона).

Как улучшить TTI

  1. Отложить сторонние скрипты.
  2. Отложить iframe-контент или отказаться от него.
  3. Оптимизировать собственные скрипты и разбить выполнение на этапы.
  4. Отказаться от тяжелых библиотек.

3. Индекс скорости — Speed Index

Индекс скорости загрузки – это показатель того, как быстро загружается содержимое первого экрана вашего сайта (LCP, FCP, FMP). Измеряется в секундах.

Как улучшить Speed Index

Оптимизируем FCP, LCP, TTI, и Speed Index подтянется.

Speed Index подтягивается.

4. Тотальная блокировка основного потока — TBT

Total Blocking Time — это общее время блокировки основного потока, измеряемое в миллисекундах. Суммарное время выполнения всех задач, от FCP до TTI, выполняемых более 50 мс. Дает понимание об общей загрузке основного потока: применение стилей, отрисовка, выполнение JS и т.д.

Как улучшить TBT

  1. Разбить выполнение JS на мелкие задачи.
  2. Оптимизировать long task.
  3. Отложить функционал, не задействованный в отрисовке.

5. Отрисовка самой значимой части контента — LCP

Largest Contentful Paint — отрисовка крупного контента — это время, через которое на первом экране страницы появляется самый крупный контент. Может быть изображением или текстом. До наступления LCP пользователь не видит самую значительную часть первого экрана страницы.

Как улучшить LCP

Сначала нужно понять, какой элемент на вашем сайте является LCP.

  1. Если это картинка — проверить, что она не отложена, и добавить её в preload.
  2. Если текст — убрать шрифты в preload и добавить HTTP/2 Push.

6. Сдвиг макета — CLS

6

Cumulative Layout Shift — это показатель сдвига элемента на странице во время загрузки, измеряется в процентах. Элементы могут смещаться из-за подгрузки изображений, шрифтов или рекламных блоков. Более подробно о CLS мы писали в отдельной статье.

Как улучшить CLS

Просто зарезервировать место под интерфейсы, сдвигающие макет.


Бонус для улучшения показателей PageSpeed Insights

Те, кто дочитал статью до конца, получают от нас полезный подарок – памятку «6 способов улучшить показатели PageSpeed». Пользуйтесь! И помните, что не ускоряемых сайтов не бывает — бывает лишь недостаток опыта у программиста.

Подписывайтесь на наш канал на YouTube, где мы выходим в эфир со свежими обзорами, новостями и экспериментами. Пишите нам в Telegram. Слушайте наш новостной подкаст на Яндекс Музыке.

Быстрых сайтов и хорошего юзабилити вам. Увидимся в следующих статьях!

Условные обозначения и непонятные слова из статьи

* Lighthouse 6.4.1 — это движок/ядро/сердце в сервисе PageSpeed Insights от Гугл. Благодаря его обновлениям, показатели ПейджСпид меняются несколько раз в году у всех сайтов мира.

** Калькулятор показателей Lighthouse. Именно он лежит в основе оценки инструмента от Google PageSpeed Insights. От того, как он посчитает, зависит суммарная оценка сайта от Гугл.

Материал подготовили:

  • Алексей Махметхажиев — технический писатель.
  • Антон Белогородцев — DEVS.
  • Мария Бирюкова — редактор, корректор.