Ильенко Кристина

[chrighter]

Рассматриваемый сайт
http://seominds.ru/

Метрики:

1. First meaningful paint 4040 ms
2. First Interactive 4490 ms
3. Consistently Interactive 4490ms
4. Perceptual Speed Index 4505
5. Estimated Input Latency 17ms

Оптимизация производительности

• Требуется оптимизировать выполнение JavaScript, для этого:

1. Не использовать функции setTimeout или setInterval для внесения визуальных изменений; вместо этого лучше использовать функцию requestAnimationFrame

2. Переместить скрипты JavaScript, которые выполняются долго, за пределы основного потока в рабочие веб-процессы Web Worker

• Не использовать изображения в формате .png или .jpeg, так как это уменьшает скорость их загрузки. Вместо это воспользоваться форматами:

1. .JPEG 2000,

2. .JPEG XR

3. .WebP,

• Сжимать файлы для более быстрой передачи по сети, для этого использовать

1. Gzip

2. deflate

3. brotli

• Воспользоваться lazy-loading offscreen для повышения скорости загрузки

• Оптимизировать CSS

1. Для этого следует упростить CSS

2. Использовать медиазапросы

• Оптимизировать изображения

• Удалить неиспользуемые CSS правила

• Минимизировать CSS правила

• Использовать responsive images, воспользоваться SVG-подобными форматами или client hints, чтобы сайт показывал изображения в соответствии с отображаемой на экране пользователя версией. Существуют специальные утилиты, помогающие автоматически сконвертировать изображения в несколько форматов, среди них

1. gulp-responsive

2. responsive-images-generator

Кроме этого можно рекомендовать следующее:

• Использовать service worker
• Использовать HTTPS, сейчас найдено 37 небезопасных запросов
• Открывать новые вкладки с помощью rel="noopener"