Типичная ситуация: сайт на покупной теме, скорость низкая, основной вес дают изображения. Стандартный совет «поставьте плагин оптимизации» не срабатывает — плагин обрабатывает картинки из библиотеки, а в теме половина изображений зашита прямо в шаблон и в файлы стилей. Править саму тему нельзя: при обновлении правки затрёт.
Где на самом деле лежит вес
Разбор показывает три разных источника, и плагины видят только первый.
| Источник изображения | Видит ли обычный плагин |
|---|---|
| Загружено в библиотеку, выводится в контенте | да |
| Прописано прямо в коде шаблона | нет |
| Подключено фоном в файле стилей | нет |
На сайте услуг таких фоновых объявлений в стилях оказалось восемнадцать — то есть заметная часть веса главной страницы была в принципе недоступна инструменту, который отвечал за оптимизацию.
Приём. Работаем снаружи темы отдельным модулем: он подменяет формат изображений на лету и добавляет отложенную загрузку, не меняя ни одного файла шаблона. Тема остаётся обновляемой, откат — отключением одного модуля.
Что сделали
- Подмена формата на современный с сохранением исходников — вес изображений главной снизился на 85 %.
- Обработка изображений, зашитых в шаблон и в стили, а не только библиотечных.
- Отложенная загрузка с явным исключением первого экрана — иначе выигрыш в весе оборачивается проигрышем в скорости отрисовки видимой части.
- На промышленном сайте тот же приём прошёл по 106 страницам услуг, около 350 файлов, качество сжатия выбрано щадящее, оригиналы сохранены рядом.
Неудобная находка
Отложенная загрузка, поставленная «на всё подряд», ухудшает ровно ту метрику, ради которой её ставят: главное изображение первого экрана начинает подгружаться позже, и показатель отрисовки основного контента растёт. Первый экран приходится исключать вручную, и это ручная работа на каждом шаблоне — универсальной настройки здесь нет.
Что это даёт
Скорость без переезда на другую тему и без потери обновлений. Приём переносится почти на любой сайт с покупным шаблоном.