Блог siteko

Серия · 6 частей

Скорость сайта без магии

Как честно измерить скорость и что её даёт: Core Web Vitals, картинки, CSS и JS, ответ сервера.

Начать с первой части Как проверить скорость загрузки сайта и не обмануться одним баллом

  1. часть 1 из 6: Как проверить скорость загрузки сайта и не обмануться одним баллом

    Как правильно проверить скорость загрузки сайта на телефоне и компьютере, почему PageSpeed меняет оценку и какие показатели исправлять в первую очередь.

    9 мин чтения

  2. часть 2 из 6: Почему сайт медленно загружается и как его ускорить

    Разбираем, почему сайт медленно загружается: сервер, изображения, стили, шрифты и сторонние скрипты. Как найти свою причину замером и с какого исправления начать.

    9 мин чтения

  3. часть 3 из 6: Core Web Vitals: что означают LCP, CLS и INP и как проверить сайт

    Что означают метрики Core Web Vitals (LCP, CLS и INP), какие пороги считаются хорошими и как проверить сайт по лабораторным и полевым данным.

    8 мин чтения

  4. часть 4 из 6: Как оптимизировать изображения для сайта: WebP, размеры, сжатие и lazy loading

    Как оптимизировать изображения для сайта: правильные размеры, формат WebP, сжатие без потери качества и lazy loading, который не вредит главной картинке.

    7 мин чтения

  5. часть 5 из 6: Как CSS и JavaScript замедляют сайт: критические стили, шрифты и сторонние скрипты

    Как CSS, JavaScript, шрифты и сторонние скрипты задерживают первый экран сайта: что такое критический CSS, что можно отложить и сколько стоят чат с аналитикой.

    8 мин чтения

  6. часть 6 из 6: Время ответа сервера сайта: как проверить и уменьшить TTFB

    Как проверить время ответа сервера сайта и уменьшить TTFB: редиректы, кэширование страниц, база данных, внешние API и gzip-сжатие, по порядку и без магии.

    8 мин чтения