Оптимизация скорости загрузки сайта

Увеличить скорость загрузки сайта до 93+ баллов по Google PageSpeed Insights на десктопах и мобильных устройствах, а также снизить время загрузки до менее 1 секунды.
Сайт: servis-chlazeni-praha.cz

ребуемые действия:

1. Оптимизация изображений:

   • Сжать изображения без потери качества (использовать форматы WebP или AVIF).
   • Убедиться, что размеры изображений соответствуют их отображению на сайте (например, не загружать большие изображения для маленьких блоков).
   • Настроить lazy-loading для всех изображений, чтобы они загружались только при попадании в видимую область экрана.

2. Оптимизация кода:

   • Минимизировать CSS, JavaScript и HTML файлы (убрать лишние пробелы, комментарии и ненужные строки кода).
   • Объединить CSS и JavaScript файлы (если это возможно), чтобы уменьшить количество HTTP-запросов.
   • Перенести рендер-блокирующий JavaScript в конец страницы.
   • Использовать асинхронную загрузку для внешних скриптов.

3. Включение кэширования:

   • Настроить браузерное кэширование для всех статических ресурсов (CSS, JS, изображения).
   • Установить заголовки кэша с длительным сроком хранения (например, 1 год для статических файлов).

4. Сжатие данных:

   • Включить Gzip или Brotli сжатие для всех текстовых ресурсов (HTML, CSS, JS).

5. Настройка CDN (Content Delivery Network):

   • Подключить сайт к CDN (например, Cloudflare, BunnyCDN) для ускорения загрузки контента из ближайших серверов.

6. Оптимизация шрифтов:

   • Заменить неиспользуемые символы в веб-шрифтах на подмножество (subset), чтобы уменьшить размер файлов.
   • Настроить lazy-loading для шрифтов, а также использовать font-display: swap для предотвращения задержки отображения текста.

7. Оценка и исправление серверных настроек:

   • Проверить скорость ответа сервера (TTFB) и оптимизировать настройки хостинга (например, включить кеширование на серверной стороне).
   • Если используется WordPress или другая CMS, установить и настроить плагин кеширования (например, WP Rocket, LiteSpeed Cache).

8. Удаление ненужных плагинов (если применимо):

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

9. Анализ и устранение ошибок рендеринга:

   • Проверить сайт через Google PageSpeed Insights и GTmetrix, устранить выявленные проблемы.
     
     
     

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

     1. Скорость загрузки:

        • Минимум 93 баллов в Google PageSpeed Insights на десктопах и мобильных устройствах.
        • Время полной загрузки сайта (Fully Loaded Time) в GTmetrix не более 1-2 секунд.

     2. Отчёты:

        • Предоставить до и после скриншоты из Google PageSpeed Insights и GTmetrix.
        • Предоставить список выполненных изменений.

     3. Стабильная работа сайта:

        • Убедиться, что после оптимизации все функциональные элементы сайта работают корректно.