Оптимизация Вашего сайта по рекомендациям "PageSpeed Insights"

› Общие вопросы › Оптимизация Вашего сайта

Рассмотрим пример как и при помощи чего можно произвести оптимизацию Вашего сайта по оценке Google PageSpeed.

Подключение GZIP сжатия

Сжатие gzip подключить весьма просто, для этого нужно в файл .htaccess добавить этот код:

<ifModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>

После установки GZI сжатия оценка сайта поднялась с 58 до 79

Подключения кеша браузера

Для подключения кеша браузера в файл .htaccess нужно добавить этот код в самое начало:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>

Данный код указывает браузеру, что именно нужно кешировать и как долго хранить.

После настройки кеша браузера оценка сайта повысилась до 81

Оптимизация изображений

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

Рассмотрим работу с сервисом "Optimizilla"

Зайдите на сайт http://optimizilla.com/ru/

Скачайте папку с изображения Вашего сайта к себе на компьютер.

Путь к файлам Вы можете увидеть развернув вкладку "Оптимизировать изображения / Как исправить"

Для оптимизации изображения загрузите файлы на сайт. Загрузить Вы можете используя кнопку "Загрузить" или перетащите нужные изображения на форму на сайте.
P.S. Кол. файлов ограничено 20шт.

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

В 90% случаев достаточно параметров по умолчанию.
По завершению настройки нужно сохранить изображения, используя кнопку под каждым файлом "скачать", или через кнопку "СКАЧАТЬ ВСЕ" (При нажатии "СКАЧАТЬ ВСЕ" все файлы будут скачаны одним архивом).

После сохранения Вам нужно убрать из имени файла добавленное окончание "-min" и закачать обратно на сайт.
Если PageSpeed повторно указывает на файл которые нужно сжать, то требуется повторить операцию по сжатию увеличив его компрессию.

После оптимизации изображений оценка сайта повысилась до 87

Сжатие CSS и JS (JavaScript) файлов.

Для сжатия CSS и JS файлов воспользуемся онлайн сервисом "Online YUI Compressor":

https://ru.piliapp.com/minify/yui-compressor/

Скачайте файлы *.css и *js на который указывает PageSpeed.

Важно: перед сжатием css и js файлов, сделайте их резервную копию!!!

1. Поочередно загрузите файлы на сайт и сохраните их к себе на компьютер
2. Уберите из названия файла окончание "-min"
3. Закачайте файлы обратно

После сжатия *.css и *js файлов оценка сайта повысилась до 92

Оставшиеся пункты оптимизации, предлагаемые PageSpeed лучше оставить, поскольку их оптимизация требует работы специалиста.