Вникаем в принцип работы HTTP-заголовка

Заметки Дэва

Возникновение внешнего вида URL связано с блестящей идеей о том, как работает Интернет. По сути, URL — это не сайт, а тип ресурса, например, банковский клиринг. Представьте, что вы заходите на сайт Bank.com и отправляете запрос Get Get на получение выписки/выписок. Все вроде бы хорошо, но вы не указываете, в какой форме составлено заявление. Поэтому в ответ на запрос браузер отобразит accept:text/html. Теоретически это означает, что вы можете указать accept/CSV и получить данные в другом формате.

Вникаем в принцип работы HTTP-заголовка

Один и тот же URL отправляет разные ответы в зависимости от значения заголовка accept. Поэтому все кэши, хранящие эти ответы, должны знать о важности заголовков. Сервер делает это следующим образом

Изменить: принять.

Это означает, что ответ зависит от значения заголовка принятия запроса.

Однако этот механизм редко работает в Интернете. Теоретически".Переговоры по содержанию.'Это была отличная идея, но она не сработала. Почему этот заголовок все еще популярен и как его видят листья? Узнайте об этом.

Текущее использование изменений в браузере

Различные варианты использования: сопоставление заголовка с содержимым accept, accept и accept кодировки. Исторически сложилось так, что первые двапровалился. Использование GZIP или Brotli, если поддерживается, для изменения кодировки принятия для доставки сжатых ответов работает хорошо. В настоящее время GZIP поддерживается всеми браузерами.

Но как реализовать следующие сценарии?

Как подавать изображения, соответствующие ширине экрана устройства клиента? Если пользователь изменит размер окна браузера, загрузите новую картинку (как предложил клиент). Если пользователь отключен, не используйте страницы, сохраненные в кэше во время соединения (использование cookies в качестве ключа) Браузинг Любая программа, поддерживающая формат изображения WebP, должна корректно принимать WebP. В противном случае изображения предоставляются в формате JPEG.

Кэширование с

Браузеры рассчитаны на одного пользователя. Это означает, что существует множество различных скрытых воспоминаний:.

Кэш к и ...

Некоторые виды кэша очень молоды. Поэтому понимание содержимого, хранящегося в кэшах, является сложным расчетом. Вот что делают эти кэши: они

Скрытая память образов.

Это кэш внутри страницы. Он содержит огромное количество изображений, загружаемых через кэш браузера.

ЧИТАТЬ ЕЩЁ:  Где хранится информация, собранная о нас в интернете

Предварительная нагрузка.

Сюда входит все, что предварительно загружено в заголовок ссылки или < link rel =&!#187;preload»>. Временное хранение останавливается перед загрузкой, когда пользователь покидает страницу.

Кэш API рабочих служб.

Здесь хранится только то, что явно помещено в кэш с помощью JavaScript сервисного работника. Записи в кэше не сообщаются работнику службы во время процесса выборки без явного запроса. Service workers можно использовать для хранения файлов в фоновом кэше. Это означает, что сервисный работник работает, даже если пользователь находится в автономном режиме.

HTTP-кэш

Единственный кэш, который работает с головкой кэша HTTP (Coontrol). Он имеет более широкое покрытие и доступен во всех местах. Например, если два сайта загружают один и тот же ресурс, они могут использовать один и тот же кэш.

HTTP/2 push cache.

Хранит элементы, которые рекламируются сервером, но еще не были запрошены ни одной из страниц, использующих соединение. Этот кэш позволяет отправлять пользователю дополнительные данные после получения основного документа. И если браузеру нужны эти данные, он просто загружает их из кэша.

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

Например, серверы HTTP/2 отправляют CSS вместе со страницей. На той же странице также предварительно загружается таблица стилей с меткой < link rel =»preload»>. Это позволяет CSS воздействовать на три скрытые памяти в браузере. Сначала стиль попадает в кэш H2 push. Когда браузер загружает страницу и достигает метки предварительной загрузки, он перенаправляет таблицу стилей из кэша push через кэш HTTP и сохраняет ее в кэше предварительной загрузки.

-2 в кэш и 2 в

Различные заголовки в качестве валидаторов

Что произойдет, если добавить разные заголовки?

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

Вам нужно справиться сОграничения.. URL программы браузера используется для расчета ключа кэша. Когда это происходит, реферер проверяет, выполняет ли приложение различные правила, содержащиеся во временном ответе. Если нет, браузер рассматривает приложение как потерю кэша и либо переходит к следующему кэшу, либо к Интернету. Браузер заменяет сохраненный кэш при получении нового ответа. Однако технически это другой вариант.

ЧИТАТЬ ЕЩЁ:  Искусство устранения неполадок WordPress

Чем она отличается.

Чтобы показать, как обрабатываются различные процедуры, я сделал следующееИспытатель.. Тест загружает URL-адреса на основе используемых заголовков и определяет, хранится ли приложение в кэше.

Для лучшей совместимости я переместил только измерение времени запроса. Я также намеренно добавил односекундную задержку в ответ сервера, чтобы проверить, есть ли разница.

Предварительная загрузка.

В настоящее время предварительная загрузка поддерживается только в браузере Google Chrome. Он хранит предварительно загруженные ответы в кэше до тех пор, пока страница не понадобится.

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

Предварительная загрузка

Временное хранение в API сервисных работников

Это работает как CDN в браузере. Это означает, что браузеру нужно каждый раз хранить только один вариант в кэше HTTP и поддерживать разные варианты в кэше API. Firefox (54) делает это, в то время как Google Chrome работает на основе запуска валидаторов HTTP-кэша.

API рабочего кэш-сервиса

HTTP-кэш

Основной кэш HTTP отличается как валидатор для всех браузеров.

HTTP/2 push cache.

Различные заголовки соблюдаются, но ни один из браузеров на самом деле не учитывает это.

HTTP/2 push cache

Ошибка "304 (без изменений)".

Ошибка передачи данных сервера 304,.Должны быть.создать одно из следующих полей заголовка, отправляемых на 200 (OK) в ответ на одно и то же приложение: контроль кэша, местоположение содержимого, дата, ETAG, срок действия и различные другие.

Почему ошибка 304 возвращает разные заголовки? Когда вы начинаете читать, что делать после ошибки 304, краски сгущаются:.

Если был выбран сохраненный ответ на обновлениеДолжны быть.[…] Используйте другие поля заголовка, указанные в ошибке '304 (не изменено)', чтобы заменить все случаи соответствующих полей заголовка в сохраненном ответе.

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

Клиент.

Клиент. От Google, описывает значения, которые могут периодически меняться, пока пользователь просматривает сайт. В частности:.

Соотношение пикселей устройства — плотность пикселей экрана (может отличаться, если пользователь использует несколько экранов).

Хранение данных.

Если пользователь включил режим хранения данных.

ЧИТАТЬ ЕЩЁ:  Цветовая гамма и ее значение в дизайне

ViewPort-Width.

Ширина текущего окна проекции в пикселях.

Ширина.

Ширина естественного пиксельного ресурса.

Эти значения могут отличаться индивидуально для каждого пользователя. Однако диапазон цен, связанных с шириной, очень широк.

Головной ключ.

Предложения клиентов и другие заголовки могут эффективно работать в сочетании с обрабатываемым ключом. Давайте рассмотрим некоторые примеры:.

Ключ: ViewPort-Width; Div = 50

Это означает, что ответ будет зависеть от значения заголовка вопроса ViewPort-Width. Но он округляет до ближайшего кратного 50 пикселям!

Ключ: cookie; param = sessionauth; param = flags

Добавление этого заголовка использует два файла cookie: sessionAuth и flags; если они не изменились, вы можете повторно использовать этот ответ для будущих запросов.

Основные различия между ключами и изменениями:.

Ключ позволяет вносить изменения в поля заголовка, и cookie изменяется. Отдельные ценности могут быть объединены в ценовые диапазоны для повышения вероятности успеха в тайнике. Все варианты с одинаковым URL должны иметь одинаковый ключ.

На момент написания этих строк браузер или служба CDN не поддерживают ключи. Некоторые службы CDN имеют тот же эффект разделения входящих заголовков на различные частные заголовки.

Использование вариаций

Однако в некоторых рубриках действуют более сложные правила ценообразования. Представьте, что два приложения имеют разные значения Accept-Language-en-GB и EN-US. Браузер поддерживает изменение языка, но имеет только одну настройку "English". Если вы отвечаете на запрос на английском языке США, этот ответ сохраняется в кэше CDN и не может быть повторно использован для этого запроса. Это происходит потому, что принятые языковые цены отличаются, а кэш не достаточно "умный", чтобы их понять.

Мы рады представить вам вариант заголовка, который, как мы надеемся, будет вам полезен. Это позволяет серверу принимать более документированные решения о вариациях, показывая вам вариации, которые он поддерживает в своей памяти временного хранения.

Заключение.

Что мы узнали:.

Большинство браузеров отличаются друг от друга как валидаторы. Если в кэше необходимо хранить несколько разных вариантов, найдите способ использовать разные адреса URL. Туристы игнорируют разные вещи для ресурсов, отправленных с использованием HTTP/2. Туристы используют различные типы тайников. Вам необходимо понять, как реализация временного хранения данных влияет на производительность каждого человека. На данный момент спрос не так велик, но эффективная функциональность ключа в сочетании с предложениями клиентов начнет это менять.

Оцените статью