Техническое задание: Оптимизация скорости веб-сайта

Проблема

Наблюдается критическая разница во времени загрузки сайта для пользователей из разных регионов. В РФ сайт загружается за 7,5 секунд, в то время как в Европе и США - за 3,5 секунды. Предполагаемая одна из причин - загрузка изображений со сторонних ресурсов (например, с видеохостинга).

Цели проекта

• Сократить время полной загрузки сайта для пользователей из РФ до значений, близких к показателям других регионов.
• Повысить общую производительность и отзывчивость сайта.
• Обеспечить приоритетную оптимизацию для мобильной версии сайта, затем - для десктопной.

Основные задачи

1. Анализ и диагностика

• Провести аудит производительности сайта с использованием профессиональных инструментов (Google PageSpeed Insights, Lighthouse, GTmetrix).
• Выявить основные «узкие места», вызывающие замедление, особенно для трафика из РФ.
• Проанализировать загрузку всех внешних ресурсов (изображения, скрипты, стили), включая те, что загружаются с видеохостингов и других сторонних доменов.

2. Оптимизация контента и ресурсов

• Оптимизировать изображения: сжатие, выбор современных форматов (WebP), ленивая загрузка (lazy load).
• Решить проблему с медленной загрузкой изображений со сторонних URL. Рассмотреть варианты: перенос на собственный хостинг, использование CDN, настройка кэширования.
• Минификация и объединение CSS и JavaScript файлов.
• Настройка кэширования на стороне браузера и сервера.

3. Оптимизация для мобильных устройств

• Особое внимание уделить Core Web Vitals для мобильной версии.
• Адаптировать и оптимизировать все графические элементы под мобильные экраны.
• Убедиться в корректной работе всех функций на мобильных устройствах после оптимизации.

4. Работа с движком Voyager

• Провести аудит и оптимизацию с учетом особенностей CMS Voyager (Laravel).
• Проверить и оптимизировать запросы к базе данных.
• При необходимости, настроить или порекомендовать плагины/пакеты для повышения производительности в рамках данной CMS.

Требования к результату

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