Как избежать множественной переадресации страницы
Переадресация снижает скорость загрузки страницы. Когда браузер запрашивает переадресованный ресурс, сервер обычно возвращает примерно такой HTTP-ответ:
HTTP/1.1 301 Moved Permanently
Location: /путь/к/новому/местоположению
И чтобы получить ресурс, браузер теперь должен сделать еще один HTTP-запрос по новому местоположению. Такой дополнительный переход по сети может задержать загрузку ресурса на сотни миллисекунд.
Аудит множественной переадресации в Lighthouse #
Lighthouse помечает страницы с множественной переадресацией:
Страница не проходит этот аудит, если на ней есть как минимум две переадресации.
Как избавиться от переадресаций #
Поставьте актуальные ссылки на помеченные в отчете ресурсы. Особенно важно избегать переадресации ресурсов, необходимых для пути критичной отрисовки.
Если вы посредством переадресации направляете смартфоны на мобильную версию страницы, попробуйте изменить дизайн сайта — использовать адаптивный дизайн.
Рекомендации по стекам #
React #
Если вы используете React Router, старайтесь меньше использовать компонент <Redirect>
для навигации по маршруту.
Материалы #
- Исходный код для аудита Избежание множественной переадресации страниц (Avoid multiple page redirects).
- Переадресация в HTTP.
- Избежание переадресации целевой страницы (Avoid Landing Page Redirects).