Google PageSpeed и htaccess оптимизация скорости сайта

Чаще всего при проверке скорости загрузки страницы в гугл сервисе Google PageSpeed либо любом другом сервисе появляются рекомендации включить сжатие GZIP либо использовать кэш браузера для ускорения сайта.

Самые распространенные рекомендации:

1. Используйте кеш браузера
2. Включите сжатие

Чтобы исправить эти ошибки нам нужно в корне нашего сайта найти или создать .htaccess файл и заполнить его нужным нам кодом.

1. Итак чтобы включить использование кеша браузера вводим в .htaccess файл следующий код:

FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js|svg|woff)$">
ExpiresActive on
ExpiresDefault "access plus 1 years"
</filesmatch>
</ifmodule>

<IfModule mod_setenvif.c>
BrowserMatch "MSIE" force-no-vary
BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>

2. Чтобы включить сжатие пишем следующий код

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

Теперь наши ошибки или рекомендации, в сервисе проверки скорости загрузки страницы сайта Google PageSpeed, должны исчезнуть. Также скорость загрузки страниц увеличится. И рейтинг Page Speed Score тоже должен подняться.

Этот пример работает на сервере Apache.

Не забываем также о том чтобы функция сжатия и функция кеша не будет работать без Apache модулей mod_deflate для сжатия и модулей mod_headers и mod_expires для кеширования.