Заголовок Cache-control позволяет значительно увеличить скорость загрузки сайта, а также разгрузить канал между сервером и пользователем. Этот заголовок включает кэширование и просто в применении для файлов, которые никогда не меняются. Но для того, чтобы использовать это преимущество для файлов, которые могут меняться, нужно детальнее разобраться в клиентском кэшировании:
Первое – нам необходимо включить кэширование для JS/CSS на сервере (у нас Nginx):
server {
...
location ~* ^.+.(js|css)$ {
expires max;
}
...
}
Но в основном приложении, необходимо добавить к пути загрузки JS/CSS файлов т.н. версии:
Где "r4" и "r7" - просто числа, которые Вы сами указываете (версия файла, лучше начать с 1). При каждом обновлении файлов, Вам нужно просто поменять его версию (увеличить на 1). Например, после каких-то изменений в styles.css мы увеличим его версию:
## Новая версия заставит браузер загрузить новый файл, т.к. путь к нему изменился (для браузера это новый файл)
Кэширование позволяет существенно ускорить загрузку веб-страниц. А несколько простых шагов поможет кэшировать динамический контент.
Сегодня мы поговорим о том, как выбрать лучшие курсы Power BI в Украине, особенно для…
В 2023 году во всех крупнейших регионах конкуренция за вакансию выросла на 5–12%. Не исключением…
Unicorn Hunter/Talent Manager Лина Калиш создала бесплатный трекер поиска работы в Notion, систематизирующий все этапы…
Edtech-стартап Mate academy принял решение отправить своих работников в десятидневный отпуск – с 25 декабря…
Служба безопасности Украины задержала в Киеве 46-летнего программиста, который за деньги устанавливал шпионские программы и…
IT-специалист Джордан Катлер создал и выложил на Github подборку разнообразных ресурсов, которые помогут достичь уровня…