Skip to content
Обучение Измерение Блог Case studies О сайте
Содержание
  • Аудит множественной переадресации в Lighthouse
  • Как избавиться от переадресаций
  • Рекомендации по стекам
    • React
  • Материалы

Как избежать множественной переадресации страницы

May 4, 2019 — Обновлено Sep 19, 2019
Available in: Español, 한국어, Português, 中文, English
Appears in: Аудиты производительности
Содержание
  • Аудит множественной переадресации в Lighthouse
  • Как избавиться от переадресаций
  • Рекомендации по стекам
    • React
  • Материалы

Переадресация снижает скорость загрузки страницы. Когда браузер запрашивает переадресованный ресурс, сервер обычно возвращает примерно такой HTTP-ответ:

HTTP/1.1 301 Moved Permanently
Location: /путь/к/новому/местоположению

И чтобы получить ресурс, браузер теперь должен сделать еще один HTTP-запрос по новому местоположению. Такой дополнительный переход по сети может задержать загрузку ресурса на сотни миллисекунд.

Аудит множественной переадресации в Lighthouse #

Lighthouse помечает страницы с множественной переадресацией:

Страница не проходит этот аудит, если на ней есть как минимум две переадресации.

Как избавиться от переадресаций #

Поставьте актуальные ссылки на помеченные в отчете ресурсы. Особенно важно избегать переадресации ресурсов, необходимых для пути критичной отрисовки.

Если вы посредством переадресации направляете смартфоны на мобильную версию страницы, попробуйте изменить дизайн сайта — использовать адаптивный дизайн.

Рекомендации по стекам #

React #

Если вы используете React Router, старайтесь меньше использовать компонент <Redirect> для навигации по маршруту.

Материалы #

  • Исходный код для аудита Избежание множественной переадресации страниц (Avoid multiple page redirects).
  • Переадресация в HTTP.
  • Избежание переадресации целевой страницы (Avoid Landing Page Redirects).
Последнее обновление: Sep 19, 2019 — Улучшить статью
Return to all articles
Поделиться
подписаться

Contribute

  • Сообщить об ошибке
  • Просмотреть исходный код

Дополнительная информация

  • developer.chrome.com
  • Новости Chrome
  • Web Fundamentals
  • Разборы конкретных случаев
  • Подкасты
  • Шоу

Соцсети

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Все продукты
  • Условия и конфиденциальность
  • Правила сообщества

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.