Инструменты разработчика в браузерах

Есть несколько способов проверить, был ли определенный ресурс уже кэширован edge-серверами UCDN.


В этой статье в демонстрационных целях мы воспользуемся Developer Tools Network Monitor в Mozilla Firefox и DevTools network panel в Chrome.


Во-первых, позвольте нам предоставить вам краткую информацию о заголовках ответов (Response Headers). 

Заголовки ответа – это группа заголовков HTTP, которые используются в ответе HTTP и не имеют отношения к содержанию ответа. Заголовки ответа, такие как Cache-Control, Expires Location или Server, используются для предоставления более подробного контекста ответа.

Вы можете прочитать больше о заголовках ответов на странице https://developer.mozilla.org/en-US/docs/Glossary/Response_header.


Network Monitor In Mozilla Firefox

С помощью инструмента Network Monitor в Mozilla Firefox давайте проверим, был ли определенный ресурс кэширован и обслуживается ли он edge-серверами Universal CDN.

Сетевой монитор показывает вам все сетевые запросы, которые делает Firefox, сколько времени занимает каждый запрос, а также детали каждого запроса.

Чтобы узнать, как открыть Network Monitor в Mozilla Firefox, щелкните здесь!

Для целей этого руководства мы создали новую CDN-зону (11131-1.b.cdn12.com) и указали расположение наших ресурсов как наш собственный исходный (origin) сервер.

В демонстрационных целях мы открыли адрес http://11131-1.b.cdn12.com/example.mp4 в инструменте Network Monitor в Mozilla Firefox. Затем мы щелкнули вкладку «Network» в меню «Developer Tools», нажали Ctrl + R, чтобы перезагрузить контент, и щелкнули файл (в приведенном выше примере имя файла – example.mp4).

В приведенном выше примере заголовок «XServedFrom» показывает, что ресурс обслуживается origin-сервером (XServedFrom: origin). Это означает, что это был первый запрос этого ресурса после настройки CDN-зоны и что ресурс еще не был кэширован.

Давайте перезагрузим тот же файл в инструменте Network Monitor и снова проверим заголовки:

Теперь заголовок «XServedFrom» показывает, что ресурс обслуживается edge-серверами UCDN (XServedFrom: l1 / XServedFrom: l2). Это означает, что это не первый запрос этого ресурса после настройки CDN-зоны и что ресурс уже находится в кэше.


DevTools Network Panel в Chrome

С помощью DevTools Network Panel в Chrome давайте проверим, был ли определенный ресурс кэширован и обслуживается ли он edge-серверами UCDN.

Network Panel показывает вам все сетевые запросы, которые делает Chrome / Chromium, сколько времени занимает каждый запрос, а также детали каждого запроса.

Открываем Network Panel

Нажмите Command + Option + C (Mac) или Control + Shift + C (Windows, Linux).

Для целей этого руководства мы создали новую CDN-зону (11131-1.b.cdn12.com) и указали расположение наших ресурсов как наш собственный исходный (origin) сервер.

В демонстрационных целях мы открыли адрес http://11131-1.b.cdn12.com/example. Затем мы щелкнули вкладку «Network» в меню «Developer Tools», нажали Ctrl + R, чтобы перезагрузить контент, и щелкнули файл (в приведенном выше примере имя файла – example.mp4).

В приведенном выше примере заголовок «XServedFrom» показывает, что ресурс обслуживается origin-источником (XServedFrom: origin). Это означает, что это был первый запрос этого ресурса после настройки CDN-зоны и что ресурс еще не был кэширован.

Давайте перезагрузим тот же файл в инструменте DevTools Network Panel и снова проверим заголовки:

Теперь заголовок «X-Served-From» показывает, что ресурс обслуживается edge- серверами UCDN (X-Served-From: l1 / X-Served-From: l2). Это означает, что это не первый запрос этого ресурса после настройки CDN-зоны и что ресурс уже находится в кэше.



Устранение неисправностей

Python-Swiftclient

cURL

Traceroute

Wget