Оптимизация изображений и фронтенда для сайта-портфолио на WordPress
Клиент: Фотограф, сайт-портфолио на WordPress с большим количеством полноразмерных снимков.
Проблема: Сайт выглядел красиво, но грузился очень долго, особенно в галереях. Потенциальные клиенты жаловались, а Google в PageSpeed Insights ставил оценку «20» для мобильных.
Что сделано:- Оптимизация изображений: Настроил плагин для автоматической конвертации всех загружаемых изображений в формат WebP с сохранением оригиналов. Внедрил «ленивую загрузку» (lazy load), чтобы изображения подгружались только тогда, когда пользователь прокручивает страницу до них.
- Минификация и объединение: Собрал все CSS- и JS-файлы в один минифицированный файл. Настроил асинхронную загрузку не критичного JavaScript (defer/async), чтобы он не блокировал отрисовку страницы.
- Кэширование браузера: Настроил заголовки кэширования для статических файлов (css, js, изображения) на срок до 1 года.
- Результат: Оценка в PageSpeed Insights поднялась до 95+ для мобильных и 99 для десктопов. Скорость загрузки галерей увеличилась в 5 раз. Клиент получает больше просмотров портфолио и заявок.