Ускорение загрузки WordPress используя кэширование браузера с помощью .htaccess

browser cache

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

Как избавиться от “ETag”

Прежде всего, нам нужно отключить заголовок “ETag”, так как мы будем использовать “Expires”. Технология “ETag” является одним из механизмов, с помощью которых HTTP обеспечивает веб-проверку кэша, известна как медленная и проблематичная – даже YSlow, расширение Firebug проверяющее степень оптимизации сайта, жалуется на это.
Добавьте в файл .htaccess: (находится в корневой папке сайта)

Header unset Pragma
FileETag None
Header unset ETag

 

Для чего необходимо кэширование в браузере пользователя?

Если вы задаете срок хранения или максимальный возраст кэша в заголовках HTTP для статических ресурсов, современные браузеры будут загружать ранее
загруженные статические ресурсы, такие как изображения, css, javascript, pdf, swf и т. д. С локальных дисков, а не по сети.

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

## EXPIRES CACHING ##
<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>
## EXPIRES CACHING ##

Это добавляет заголовок будущего будущего “expires” (срок “жизни” кэша) к вашему статическому контенту (изображения, js, css и т. д.).

 

Сжатие компонентов

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

<FilesMatch "\\.(js|css|html|htm|php|xml)$">
SetOutputFilter DEFLATE
</FilesMatch>

 

<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

 

3 комментария

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *