Мамонов Антон

[graf-m-96]

Оптимизируемый сайт

https://ekaterinburg.mediamarkt.ru/

Аспекты, влияющие на клиентскую производительность

Размер передаваемых файлов

• Использование сжатия для текстовых файлов
  Рекомендация: Использовать сжатие gzip или deflate, сэкономив ~400 KB

• Неиспользуемые css стили
  Рекомендация: Удалить неиспользуемые стили, сэкономив ~150 KB

• Формат изображений
  Рекомендация: Использовать форматы изображений, которые лучше сжимаются. Например, jpeg 2000, jpeg XR, webP. На этом можно сэкономить ~130 KB

• Размер изображений
  Рекомендация: Готовить изображения разных размеров и загружать в зависимости от media запросов

• Минификация js, css
  Рекомендация: Использовать минифицированные версии файлов. На минификации js можно сэкономить ~110 KB

Блокировка отрисовки

• Загрузка css
  Рекомендация: Загружать в начале только самые критичные стили, которые влияют на отображение верхней части страницы и компоновку (В данный момент стили блокируют отрисовку на ~1.5 с)

• Загрузка js
  Рекомендация: Некритичные скрипты загружать асинхронно (В данный момент скрипты блокируют отрисовку на ~1.3 с)

• Ленивая загрузка изображений
  Рекомендация: Блокировать загрузку изображений, которые находятся вне области просмотра при загрузке, сэкономив ~150 KB

Количество запросов

• Кэширование
  Рекомендация: Указывать в заголовках http дату или срок действия для статических ресурсов, чтобы браузер загружал уже полученные ранее ресурсы с локального диска, а не из Интернета

• Объединение ресурсов
  Рекомендация: Объединять между собой файлы одного типа (js, css в бандлы, картинки в спрайты), находящиеся вверху страницы; объединять между собой файлы одного типа, находящиеся внизу страницы

• Встраивание критичных ресурсов в html
  Рекомендация: Самые критичные участки стилей и скриптов вставлять прямо в html файл