Браузер сначала отображает содержимое некоторых веб-страниц, а некоторые — позже. С помощью API приоритета выборки вы можете сообщить браузеру первоначальный приоритет выборки важных ресурсов, чтобы оптимизировать загрузку ресурсов.
Посмотрите видео, чтобы узнать, как:
- Найдите показатель загрузки «Самая большая отрисовка контента» (LCP) на панели «Производительность» .
- См . начальный и конечный приоритеты на панели «Сеть» и на дорожке «Сеть» трассировки «Производительность» .
- Используйте локальные переопределения для проверки атрибутов
fetchpriorityв элементах<img>,<link>и<script>. - Узнайте разницу между атрибутами
loadingиfetchpriority. - Узнайте, когда следует снизить приоритет ресурсов.
Изображения LCP явно могут выиграть от fetchpriority="high" . Еще один совет: если браузер автоматически повышает приоритет изображения, то имеет смысл установить его изначально.
Для получения дополнительной информации см.:
- Оптимизация загрузки ресурсов с помощью Fetch Priority API
- Просмотр сетевых запросов
- Посмотреть расписание
- Используйте большие строки запросов
Браузер сначала отображает содержимое некоторых веб-страниц, а некоторые — позже. С помощью API приоритета выборки вы можете сообщить браузеру первоначальный приоритет выборки важных ресурсов, чтобы оптимизировать загрузку ресурсов.
Посмотрите видео, чтобы узнать, как:
- Найдите показатель загрузки «Самая большая отрисовка контента» (LCP) на панели «Производительность» .
- См . начальный и конечный приоритеты на панели «Сеть» и на дорожке «Сеть» трассировки «Производительность» .
- Используйте локальные переопределения для проверки атрибутов
fetchpriorityв элементах<img>,<link>и<script>. - Узнайте разницу между атрибутами
loadingиfetchpriority. - Узнайте, когда следует снизить приоритет ресурсов.
Изображения LCP явно могут выиграть от fetchpriority="high" . Еще один совет: если браузер автоматически повышает приоритет изображения, то имеет смысл установить его изначально.
Для получения дополнительной информации см.: