Тормозека: почему тормозит Ozon.ru

• Николай Лавлинский, технический директор, рассматривает сайт Ozon.ru.  

• Время загрузки сайта составляет 18 секунд, что не является катастрофой, но можно улучшить.  

• Общий трафик составляет 26 мегабайт, что стандартно для таких тестов.  

• На третьей секунде загрузки виден нормальный рендеринг шапки и формы логина.  

• Используются HTTP/2 и TLS, что занимает два RTT.  

• Проблема с капсулой ресурса, которая замедляет загрузку.  

• Использование CDN для загрузки ресурсов, что замедляет процесс.  

• Некорректное использование CDN приводит к задержкам в загрузке.  

• Рендеринг начинается через полсекунды после загрузки всех ресурсов.  

• Ресурсы с высоким приоритетом, такие как картинки, загружаются раньше, чем скрипты.  

• Это может быть связано с важностью контента или другими факторами.  

• Шрифты загружаются с CDN, что помогает сократить трафик.  

• Загрузка ресурсов происходит с нескольких CDN, что замедляет процесс.  

• Основной рендеринг происходит ближе к концу загрузки.  

• Ресурсы, которые загружаются рано, не блокируют рендеринг, но замедляют процесс.  

• Главная страница загружается через AJAX, что замедляет процесс.  

• Задержка между кликом и рендерингом составляет несколько секунд.  

• Сайт сильно зависит от скорости центрального процессора пользователя.  

• Сайт требует мощного современного компьютера для ускорения.  

• Несмотря на хорошую работу разработчиков, сайт все равно медленный из-за использования AJAX.  

• В интерактивном режиме это заметно, что делает сайт менее удобным для пользователей.  

• Разработчики и менеджеры используют мощные компьютеры для тестирования сайта.  

• Реальные пользователи могут иметь менее мощные устройства, что приводит к замедлению работы сайта.  

• Пример: нажатие на ссылку не приводит к ожидаемому результату.  

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

• Это может быть полезно для пользователей, чтобы понять, что клик был обработан.  

• Пример: открытие супермаркета занимает много времени, несмотря на ограниченную нагрузку на процессор.  

• Важно тестировать сайты на разных устройствах и ограничивать нагрузку на процессор.  

• Профилирование сайта на вкладке пифоманс помогает выявить и устранить медленные элементы.  

• Технология SPA, которая должна ускорять переходы, может вносить значительные тормоза в реальном взаимодействии пользователя с сайтом.  

• Призывы задавать вопросы в комментариях и подписываться на канал.  

• Благодарность за внимание и прощание.