From 08dc1a1e60063705ccefc1eb4ef0a17d1ddf196b Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn По умолчанию, CSS рассматривается как блокирующий рендер (render blocking) ресурс, так что браузер не отобразит контент, пока объектная модель CSS (CSSOM) не будет завершена. Поэтому начальный CSS файл должен небольшим, чтобы быть доставленым так быстро, как это возможно. Рекомендуется использовать media-queries для того, чтобы вместо одного монолитного css-файла грузить специализированные По умолчанию, CSS рассматривается как блокирующий рендер (render blocking) ресурс, так что браузер не отобразит контент, пока объектная модель CSS (CSSOM) не будет завершена. Поэтому начальный CSS файл должен небольшим, чтобы быть доставленным так быстро, как это возможно. Рекомендуется использовать media-queries для того, чтобы вместо одного монолитного css-файла грузить специализированные Вы можете определить, было ли загружено то или иное изображение, проверив Boolean значение {{domxref("HTMLImageElement.complete", "complete")}}. Полифил CSS
-<link href="style.css" rel="stylesheet" media="all">
<link href="portrait.css" rel="stylesheet" media="orientation:portrait">
@@ -69,7 +69,7 @@ translation_of: Web/Performance/Lazy_loading
- Для использованиях в браузерах, которые не поддерживают данную технологию, рекомендуется использовать полифилл: loading-attribute-polyfill
Intersection Observer API
Intersection Observers позволяют вам узнать, как наблюдаемый вами элемент входит или выходит из зоны видимости браузера (viewport).
Бюджет существует для отражения желаемых вами целей. С бюджетом вы сможете осознанно выстраивать компромиссы между пользовательским опытом и объективным индикаторами эффективности приложения (например, конверсией)
+Бюджет существует для отражения желаемых вами целей. С бюджетом вы сможете осознанно выстраивать компромисы между пользовательским опытом и объективным индикаторами эффективности приложения (например, конверсией)
Эти цели можно разбить на категории:
-- cgit v1.2.3-54-g00ecf