Как добавить кэширование браузера плеча для CDN in.реврайт?

Что такое кэширование в браузере?

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

есть определенные компоненты, которые должны быть включены для того, чтобы правильно использовать браузер кэширование. Например, необходимо указать средство проверки кэша, которое поможет браузеру определить, можно ли извлечь файл из локального кэша или необходимо сделать запрос на сервер. Кроме того, необходимо правильно задать заголовки Expires или Cache-Control для ресурсов. Использование обоих было бы излишним. Кроме того, Gtmetrix предпочитает истекает по сравнению с контролем кэша, поскольку он более широко поддерживается. Поэтому эта статья будет посвящена использованию заголовков Expires при демонстрации того, как используйте кеш браузера.

Кэш-Контроля
Cache-Control позволяет нам иметь немного больше контроля над нашим кэшированием браузера, и многим людям проще использовать его после установки.

# 1 Year for most static assets
<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>

Gzip Comporession (Полезно Для Magento)

<ifModule mod_gzip.c>
    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file \.(html?|txt|css|js|php|pl|asp|html)$
    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>

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

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

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

теперь пришло время включить модуль Expires headers в Apache (установите'ExpiresActive ' to ' On’), поэтому добавьте это к своему .файл htaccess:

<IfModule mod_expires.c>

# Enable expirations
ExpiresActive On 

</IfModule>

было бы полезно добавить"директива по умолчанию" по умолчанию срок годности, так вот эти 2 строки надо добавить теперь:

<IfModule mod_expires.c>

# Enable expirations
ExpiresActive On 

# Default directive
ExpiresDefault "access plus 1 month"

</IfModule>

это база. Теперь добавить все строки для каждого из ваших типов файлов (вы знаете, те, которые вы создали ранее для favicon, изображения, в CSS и в JavaScript). Вы получите фрагмент кода, который выглядит примерно так:

<IfModule mod_expires.c>

# Enable expirations
ExpiresActive On

# Default directive
ExpiresDefault "access plus 1 month"

# My favicon
ExpiresByType image/x-icon "access plus 1 year”

# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"

# CSS
ExpiresByType text/css "access 1 month”

# Javascript
ExpiresByType application/javascript "access plus 1 year"

</IfModule>

теперь запустите еще один тест с GTmetrix и сравнить результаты. Это результат для моего тестового сайта после реализации заголовков Expires:

рекомендации

• будьте агрессивны с кэшированием для всех статических ресурсов
• срок действия не менее одного месяца (рекомендуется: доступ плюс 1 год)
• не установить кэширование более чем на год вперед!

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

W3 Общий Кэш: Один из лучших плагинов кэширования со многими функциями, такими как кэширование, интеграция CDN (например, MaxCDN), которая ускорит производительность вашего сайта.

Примечание

1. убедитесь в том, что mod_rewrite включен на вашем веб-сервере Apache, если нет, обратитесь в техническую группу веб-сервера, чтобы включить его, так как для завершения кэширования потребуется модуль перезаписи действие .
2. предупреждение! если вы установили далекую будущую дату истечения срока действия для чего-то, а затем обновите один из этих файлов, вы должны изменить имя файла для браузера, чтобы повторно извлечь его.
   пример: если вы установите javascript на 1 год и обновите один из ваших файлов javascript, вам придется переименовать фактический файл. Хороший способ сделать это, версионность, т. е. myfile_v1.2.js, но проще всего быть осторожным с заголовками Expires (установочный что-то до 10 лет никогда не бывает хорошим вариантом ИМО).

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

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

Это лучше, потому что вы просто добавляете заголовки кэша в одно место - ваш CDN, вместо добавления правил кэширования на каждый сайт, который использует ваш CDN.