⬜️ Мета-теги dns-prefetch, preconnect, prefetch, prerender, preload ⬜️

Эти мета-теги дают браузеру команды на предварительные действия.

➡️ Кратко о каждом:
1) dns-prefetch — просит браузер в фоновом режиме получить информацию об указанном домене (узнать его IP), чтобы затем использовать её при реальных запросах к указанному домену.

2) preconnect — просит браузер в фоновом режиме создать соединение (рукопожатие, коннект) с указанным доменом для дальнейшей работы с ним.

3) prefetch — просит браузер в фоновом режиме загрузить и положить ресурс в кэш. Является необязательной инструкцией, то есть браузер может проигнорировать.

4) preload — говорит браузеру загрузить и положить ресурс в preload кэш. Обязательная инструкция в отличие от prefetch.

5) prerender — просит браузер загрузить URL-адрес и обработать его в фоновом режиме. Когда пользователь нажимает на ссылку, страница должна отобразиться моментально.


В telegram пост не влезет подробное описание каждого с примерами, но данную тему уже описали в статье на wp-cama. Вы можете перейти на их сайт для более подробного изучения каждого мета-теги. Задача данного поста была в том, чтобы дать вам общее представление о каждом.

🔗 Посмотреть подробнее 🔗

WEB PANDA | #оптимизация #верстка