Решил посмотреть, насколько сложно набрать максимум баллов в сервисе PageSpeed Insights. Для тех кто не знает, это онлайн-инструмент от Гугла, который анализирует страницу и даёт советы по увеличению скорости загрузки сайта.
Оригинальная тема этого блога получает плохую оценку — всего 47/100 для мобильных и 52/100 для десктопов. Начинаем тюнинг.
Скачиваем папку Uploads блога и прогоняем все изображения через ImageOptim. Я выставил в настройках Экстра-уровень оптимизации — сжатие заняло около 8 минут. Оценка поднялась до 67 и 74.
Открываем для редактирования файл .htaccess из корня сайта и прописываем:
1 2 3 | <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$"> Header set Cache-Control "max-age=2592000" </FilesMatch> |
После включения кеширования оценка стала 78 и 84 баллов.
Ставим плагин Autoptimize. Переходим в настройки и проставляем галочки напротив «Оптимизировать код HTML?», «Оптимизировать код JavaScript?», «Оптимизировать код CSS?», «Also aggregate inline CSS?» и «Inline all CSS?». Отличный результат — теперь 99/100 для мобильных устройств и десктопов. Здесь я и решил остановиться.
Последний совет, который даст ещё 1 балл, это «Используйте кеш браузера для следующих ресурсов: https://mc.yandex.ru/metrika/watch.js (60 минут)». Если для вас важен этот бал, то решение такое: пишем скрипт, который будет скачивать к себе watch.js от Яндекс.Метрики, через cron включаем запуск скрипта каждый час и редактируем код счетчика указав в нём путь до файла на своём хостинге. А вот нужен ли этот костыль ради красивой цифры решать вам.