Ускорение загрузки
Два одинаковых сайта. Один вы закроете раньше, чем он загрузится
Слева типичная сборка на конструкторе: тема со «всем сразу», слайдеры, счётчики, пять шрифтов. Справа та же страница, собранная аккуратно. Нажмите и смотрите на счётчики.
Симуляция: тайминги и объёмы типичные для страниц на перегруженных темах против аккуратной вёрстки при медленном 4G. Ваш реальный сайт замерю бесплатно, пришлите адрес.
- Задача
- Сайт на конструкторе открывается на телефоне больше шести секунд, и часть посетителей уходит, не дождавшись первого экрана. Переделывать с нуля дорого, а «плагин ускорения» ничего не меняет.
- Решение
- Ревизия вместо переезда: убрать неиспользуемые блоки темы, пережать картинки, оставить один шрифт, вынести тяжёлые скрипты из первого экрана. Макет и контент остаются прежними.
- Что получает владелец
- Обычно первый экран за 1–2 секунды вместо 6–8
- Страница легче на 50–70% без потери вида
- Зелёные оценки скорости в Google, это один из сигналов для поиска
- Отчёт с замерами до и после
- Стек
- Аудит Lighthouse
- Оптимизация картинок и шрифтов
- TypeScript для симуляции
- Astro для сборки
Куда уходят мегабайты
Конструктор грузит стили и скрипты для всех 200 блоков темы, а вы используете шесть.
Три библиотеки анимации ради одной карусели, которую никто не листает дальше второго слайда.
Фото 4000×3000 из телефона, показанное в блоке 400×300. 3 МБ там, где хватило бы 80 КБ.
Заголовки, текст, кнопки, цитаты, всё разное, и каждое ждёт своей очереди. Отсюда мигание текста.
Баннер и куки-плашка приезжают позже контента и сдвигают его: вы целитесь в кнопку, а попадаете в рекламу.
Ревизией: убрать неиспользуемое, сжать картинки, оставить один шрифт. Плагин-оптимизатор этого не сделает. Обычно страница становится легче на 50–70% без потери вида.
Замерю бесплатно. Если у вас всё в порядке, так и напишу, работы не потребуется. Если нет, покажу три самых тяжёлых места и цену их лечения.
Напишите в чате на Профи.ру, что за проект и к какому сроку. В ответ пришлю смету по пунктам.