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

browser cache

Настройте кэширование в браузере в файле .htaccess, чтобы страницы сайта работали быстрее. Кэширование браузера значительно увеличивает скорость загрузки сайта.  Поскольку 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 не будет опубликован. Обязательные поля помечены *


Похожие записи