Оптимизация содержимого для PageSpeed Insights

Оптимизация содержимого для PageSpeed Insights

PageSpeed Insights давно стал камнем преткновения для мастеров, а выполнение его рекомендаций головной болью для разработчиков, но одна из рекомендаций выполняется очень легко, а именно оптимизация файлов изображений, скриптов и стилей. Об одном из способов выполнения данной задачи мы и поговорим.

Методов для оптимизации содержимого на самом деле много, есть специальные программы, которые сразу сохраняют как нужно, есть онлайн сервисы, есть и серверные библиотеки, а самое главное сам PageSpeed Insights после прохождения теста предлагает скачать оптимизированные файлы.

Но увы чаще файлы нуждающиеся в оптимизации разбросанный по разным папкам и страницам сайта, а скаченный после теста архив пихает все оптимизированные файлы в одну кучу, что не очень то удобно.

Как-то раз мне и пришла в голову идея передать один из своих скриптов под это дело.
Изначально основной задачей скрипта был простой вывод списка файлов из конкретной директории сайта, но когда я начал писать эту статью, я решил его немного переделать: добавить форму, чтобы не лазить в код каждый раз и сделать вывод изображений, скриптов и стилей добавить, чтобы спокойно засунуть ссылку в проверку. Но как всегда меня понесло на ратные подвиги и я как всегда сделал больше планировал: подключил api проверки PageSpeed Insights, добавил кнопку скачать оптимизированное содержимое, ну и внешний вид привел в порядок.

Но что-то я разговорился, пора бы и к делу переходить.

Использование Site Directory Viewer для оптимизации содержимого.

Шаг первый

Cкачать скрипт: Мой сайт GitHub

Шаг второй

Закачайте файл sdv.php (если скачивали с моего сайта файл лежит в архиве) в корень своего сайта, так чтобы он был доступен по адресу http://you-site.com/sdv.php

Шаг третий

Перейти на страницу скрипта по адресу http://you-site.com/sdv.php заполнить поле Directory (путь к директории должен быть относительно корня сайта, и без / в начале и конце) и нажать GO

Site Directory Viewer

Шаг четвертый

Если в указанной директории есть не оптимизированное содержимое, то появиться красная кнопка Download PageSpeed Insights optimized contents нажимаем ее и скачиваем архив optimized_contents

Download PageSpeed Insights optimized

Если же по мнению PageSpeed оптимизировать нечего, то и кнопка выводиться не будет.

PageSpeed Insights optimized

Шаг пятый

Закачиваем оптимизированное содержимогое в нужную директорию сайта.

Примечание