Что может привести к задержке начального рендеринга даже после запуска события загрузки?
Посмотрите на этот результат тестирования веб-страницы
Что может привести к задержке начального рендеринга даже после запуска события загрузки?
Посмотрите на этот результат тестирования веб-страницы
Скорее всего это баг. На данный момент экземпляр iPhone на WebPageTest совсем свежий, и автор все еще его улучшает:
Поддержка iOS только становится стабильной, хотя она все еще находится в стадии ОЧЕНЬ активной разработки, поэтому не удивляйтесь, если есть несколько шероховатостей (и гораздо больше ограничений, чем при тестировании Android). – Патрик Минан, 09 сентября 2015 г.
Тесты андроида намного надежнее.
Если вы проверите страницу, которую вы тестировали без javascript (F1 > Отключить Javascript в Chrome DevTools), вы увидите, что большинство изображений загружаются отложенно, что означает, что они загружаются через JS-скрипт, проверяющий наличие изображений в области просмотра. Как видите, без JS временная шкала загрузки идет уже после загрузки всех ресурсов.
Также для других ресурсов, таких как JS, вы можете добавить атрибут async
или defer
для десинхронизации ваших скриптов. нагрузки.
Наконец, некоторые скрипты могут быть даже преднамеренно загружены после события загрузки с использованием вложения в событии окна load
для записи <script>
тегов в тело, когда оно запускается как loadJS.
Вы должны прочитать это, чтобы лучше понять, как рендеринг и работа по хронометражу событий.