not the same
14 Услуга

Ускорение сайта: оптимизация PageSpeed и Core Web Vitals

Находим, что на самом деле тормозит сайт – тяжёлые картинки, счётчики и виджеты, медленный ответ сервера, – и исправляем это в коде. Наш собственный сайт получает 96 баллов производительности на телефоне, и ниже мы показываем, за счёт чего.

96 / 100
производительность на телефоне в PageSpeed Insights
0,5 с
LCP нашего сайта на компьютере
0,6 → 0,15 с
ответ сервера после своего кэша страниц
Без редизайна
ускоряем текущий сайт, а не делаем новый
01 Что входит

Что входит в ускорение

Работаем с причинами, а не с баллами ради скриншота: каждое изменение должно сокращать время, за которое человек видит страницу и может с ней работать.

01

Аудит скорости

Замеряем ключевые шаблоны в PageSpeed Insights и Lighthouse, смотрим полевые данные Core Web Vitals в Search Console, если они есть.

02

Изображения

WebP-копии, размеры под экран, lazy loading для всего ниже первого экрана и высокий приоритет для главной картинки.

03

Сторонние скрипты

GTM, пиксели, Clarity, чаты и виджеты запускаем после первого действия посетителя, чтобы они не мешали загрузке.

04

Шрифты и стили

Убираем ресурсы, которые блокируют отрисовку, подключаем только нужные начертания шрифтов.

05

Кэш и сервер

Кэш страниц, сжатие, заголовки кэширования для статики. Сокращаем время ответа сервера (TTFB).

06

Стабильная вёрстка

Задаём размеры картинкам, баннерам и встроенным блокам, чтобы страница не прыгала при загрузке (CLS).

07

JavaScript

Отключаем библиотеки там, где они не нужны, и разбираем тяжёлые обработчики, которые задерживают отклик на нажатие (INP).

08

Повторные замеры

Сравниваем «до» и «после» и даём рекомендации, чтобы новые блоки и плагины не вернули сайт в красную зону.

02 Кейс

Кейс: сайт ntsame.agency

Проверить в PageSpeed Insights ↗

Лучший пример – сайт, который вы сейчас читаете. Мы сделали его сами и проверяли каждый релиз в PageSpeed Insights. Ниже – оценки страницы /locations/dubai/ на телефоне и компьютере.

Телефон · PageSpeed Insights
96Производительность
97Доступность
100Рекомендации
100SEO
Компьютер · PageSpeed Insights
90Производительность
97Доступность
100Рекомендации
100SEO
0,3 с
FCP – первая отрисовка
0,5 с
LCP – главный элемент страницы
0 мс
TBT – блокировка основного потока
0,001
CLS – сдвиг вёрстки

Компьютер, PageSpeed Insights, /locations/dubai/

Что сделали

  • 01WebP вместо JPG и PNGДля картинок темы и медиатеки создаются WebP-копии, и браузер получает лёгкую версию автоматически.
  • 02Lazy loading и fetchpriorityКартинки ниже первого экрана грузятся по мере прокрутки, а главная – с высоким приоритетом.
  • 03Аналитика после первого действияGTM, Meta Pixel и Microsoft Clarity запускаются, когда посетитель прокрутил страницу, кликнул или нажал клавишу. Счётчики работают, но не участвуют в первой загрузке.
  • 04Свой кэш страницГотовый HTML хранится на диске и отдаётся без запуска WordPress. Время ответа сервера сократилось с 0,6 до 0,15 с.
  • 05Переходы без перезагрузкиSwup подменяет только содержимое страницы, поэтому шапка, стили и скрипты не загружаются заново при каждом переходе.
03 Этапы работы

Как проходит работа

01

Замеры

Фиксируем исходные оценки PageSpeed и Core Web Vitals по ключевым страницам: главная, каталог, карточка, статья.

02

План

Список причин с оценкой влияния и трудоёмкости. До начала работ вы видите, что даст каждое изменение.

03

Внедрение

Вносим изменения на копии сайта, проверяем, что ничего не сломалось, и переносим на рабочий сайт.

04

Отчёт

Повторные замеры, сравнение «до» и «после» и рекомендации, как сохранить скорость дальше.

Рейтинги и награды
Профиль Clutchclutch.co
Профиль GoodFirmsgoodfirms.co
Профиль Freelancehuntfreelancehunt.com
IT-Rating 19отзывов клиентов
IT Рейтинг України Топ-5 Laravel6 лет подряд, 2020–2025
IT Рейтинг України Топ-10 React2020–2024
● Гарантии

Работаем прозрачно

Вы заранее знаете, что получите, сколько это стоит и когда будет готово.

Договор и NDA

Подписываем договор и соглашение о неразглашении до начала работ.

Фиксированная смета на этап

Цена этапа не меняется по ходу работы. Новые задачи – только после согласования.

Демо каждые две недели

Тестовый сервер с доступом для вас: видно, что сделано, без ожидания финала.

Код и доступы ваши

Передаём исходный код, документацию и все доступы. Проект не привязан к нам.

Гарантийный период

После запуска бесплатно исправляем ошибки, найденные в рамках сделанного.

Поддержка после запуска

Остаёмся на связи: доработки, обновления и развитие помесячно или по задачам.

04 Вопросы

Частые вопросы

Не нашли ответ?

Оставьте имя и e-mail – ответим на почту в течение рабочего дня.

01Почему оценка в PageSpeed Insights каждый раз разная?

Лабораторный тест запускается на серверах Google и зависит от их нагрузки, сети и сторонних скриптов на странице. Колебания в несколько баллов – норма. Поэтому мы сравниваем несколько замеров и смотрим на полевые данные Core Web Vitals: это реальные посетители сайта за последние 28 дней.

02Влияет ли скорость сайта на SEO?

Core Web Vitals – один из сигналов, которые Google учитывает при ранжировании, но не главный: содержание страницы важнее. Сильнее скорость влияет на поведение – медленный сайт чаще закрывают, не дождавшись загрузки, особенно с телефона. Про продвижение подробнее на странице SEO-продвижения.

03Можно ли ускорить сайт на WordPress, OpenCart или Shopify?

Да. На WordPress, WooCommerce и OpenCart мы работаем с темой, плагинами и сервером. На Shopify сервер и кэш принадлежат платформе, поэтому ускоряем тему, изображения и сторонние приложения.

04Нужно ли менять хостинг?

Не всегда. Сначала смотрим, из чего складывается время ответа сервера. Если сервер медленный из-за кода или отсутствия кэша, переезд не поможет. Если он упирается в ресурсы, скажем об этом и предложим варианты.

05Сколько стоит ускорение сайта?

Зависит от платформы, количества шаблонов и того, что именно тормозит. После первичных замеров называем фиксированную стоимость и состав работ.

06Сохранится ли скорость после работ?

Скорость падает, когда на сайт добавляют новые плагины, виджеты и тяжёлые картинки. Ускорение можно сделать разовым проектом или взять сайт на доработку и поддержку и проверять скорость после релизов.

● Подробнее

Ускорение загрузки сайта

Ускорение загрузки сайта – это работа с тем, что посетитель видит в первые секунды: как быстро появляется первый экран, когда можно нажать кнопку и не прыгает ли вёрстка. Google измеряет это метриками Core Web Vitals – LCP, INP и CLS – и показывает их в PageSpeed Insights.

Мы не гонимся за сотней баллов ради скриншота. Задача – чтобы страница быстро открывалась на обычном телефоне с мобильным интернетом. Как это выглядит на практике, видно по нашему сайту: 96 баллов производительности на телефоне и LCP 0,5 с на компьютере.

Читать полностью

Что обычно тормозит сайт

  • Изображения без сжатия и в исходном размере.
  • Счётчики, пиксели, чаты и виджеты, которые грузятся сразу.
  • Шрифты и стили, которые блокируют отрисовку.
  • Отсутствие кэша и медленный ответ сервера.
  • Плагины и библиотеки, подключённые на всех страницах, хотя нужны на одной.

Как найти каждую из этих причин в отчёте и исправить её, разобрали в статье как оптимизировать страницу под PageSpeed – с чек-листом в конце.

Скорость при редизайне и переезде

Если вы планируете новый сайт, скорость проще заложить сразу, чем исправлять потом. При переносе важно не потерять позиции – об этом наш чек-лист переноса сайта без потери позиций. Выбор платформы тоже влияет на то, что можно оптимизировать: сравнение в статье OpenCart, WooCommerce, Shopify или Laravel.

Скорость и конверсия

Быстрый сайт сам по себе не продаёт, но медленный теряет покупателей ещё до первого экрана. Поэтому скорость – один из пунктов нашего чек-листа CRO для интернет-магазина и часть работы над ростом конверсии. Если продвигаете сайт в поиске, ускорение хорошо сочетается с SEO-продвижением, а поддерживать результат помогает доработка и поддержка.

Проверим скорость вашего сайта

Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.

Ответим в течение рабочего дня
Написать нам