Есть малоизвестный HTML-инструмент, который может заметно ускорить сайт — Speculation Rules.
Суть простая: браузер заранее подготавливает следующую страницу ещё до клика. Например, когда пользователь наводит курсор на ссылку, система распознаёт вероятный переход и запускает пререндер в фоне.
В итоге страница открывается почти мгновенно, без привычной задержки после нажатия.
Ограничение пока одно: технология нормально работает в основном в Chrome и Edge, так что охват сейчас — примерно три четверти аудитории. Но для ускорения навигации это уже вполне полезный инструмент.
#HTML #Chrome #вебразработка
Суть простая: браузер заранее подготавливает следующую страницу ещё до клика. Например, когда пользователь наводит курсор на ссылку, система распознаёт вероятный переход и запускает пререндер в фоне.
В итоге страница открывается почти мгновенно, без привычной задержки после нажатия.
Ограничение пока одно: технология нормально работает в основном в Chrome и Edge, так что охват сейчас — примерно три четверти аудитории. Но для ускорения навигации это уже вполне полезный инструмент.
#HTML #Chrome #вебразработка
🔥1
Адаптивные изображения в HTML
Тег
Браузер проверяет теги
Если
#HTML #адаптивность #frontend
Тег
<picture> нужен, когда для разных устройств или сценариев показа требуется подставлять разные версии одной картинки.<picture> <source srcset="320.jpg" media="(max-width: 800px)"> <img src="640.jpg" alt="..."></picture>Браузер проверяет теги
<source> сверху вниз и берёт первый вариант, который подходит под текущие условия. Остальные после этого уже не рассматриваются.Если
<picture> не поддерживается или ни один <source> не сработал, будет показано изображение из тега <img>.#HTML #адаптивность #frontend
❤2