TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Gtmetrix.com(http://gtmetrix.com/) – Как сразу загрузить все оптимизированные изображения

1 063

В данной статье я поделюсь своим решением для быстрой загрузки уже оптимизированных изображений которые сервис gtmetrix.com любезно предоставляет нам после анализа нашего сайта в таком виде (ссылки на скриншоте перечеркнуты из-за сео плагина который добавляет свои стили к nofollow ссылкам):

Gtmetrix.com - отображение списка изображений для оптимизации

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

Чтобы воспользоваться данным решением откройте консоль разработчика в браузере Chrome (F12).

Chrome - Консоль в режиме разработчика

И на вкладке консоль введите скрипт написанные ниже. Так как изображений на проектах которые я делаю в основном не более 30 или 20 штук, это соответственно не составляет огромного труда просто прощелкать по ссылкам которые скрипт предоставляет в консоли.

Gtmetrix.com - результат работы скрипта для изображений в режиме разработчика Chrome

Далее после того когда все ссылки были прощелканы в ручную, изображения оптимизированные сервисом будут открыты в новых вкладках браузера – просто сохраните их в удобное место и переименуйте соответствии имени оригинала.

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

Скрипт для получения ссылок оригинального и оптимизированного изображения в Gtmetrix.com

Скрипт для получения всех путей к оригинальным изображениям в Gtmetrix.com

И не забывайте что сервис хранит ресурсы отчета (а значит и оптимизированные изображения тоже) только в течении трех дней.

Источник записи:

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее