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

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

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

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

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

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

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

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

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

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

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

React #

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

Материалы #

• Исходный код для аудита Избежание множественной переадресации страниц (Avoid multiple page redirects).
• Переадресация в HTTP.
• Избежание переадресации целевой страницы (Avoid Landing Page Redirects).