Инфографика дня: влияние библиотек на рендеринг страниц
Исследователи ITnext обработали 1 миллион самых популярных веб-страниц, чтобы узнать, что влияет на скорость их загрузки. Исследование проводилось из-за мнения, что сейчас интернет медленнее, чем 15 лет назад. Это якобы связано с постоянно растущим количеством JavaScript, фреймворков и веб-шрифтов, которые затормаживают работу компьютеров и протоколов.
Сбор данных и прогноз
При анализе учитывались такие показатели как время отрисовки, количество запросов, перерисовка, ошибки JavaScript и используемые библиотеки.
Сбор данных сводился к написанию небольшого кода для использования библиотеки Puppetteer для создания сценария Chrome, запуску 200 экземпляров сервисов EC2 и рендерингу миллиона веб-страниц.
Выводы
В результате проведенных анализов исследователи пришли к выводу, что:
- Нужно делать как можно меньше запросов, так как их количество имеет большее влияние на время рендринга, чем количество переданных килобайт;
- Лучше делать запрос через протокол HTTP2 и выше;
- Если есть возможность, лучше избегать запросов на блокировку рендеринга и отдавать предпочтение асинхронной загрузке.
Библиотеки
Чтобы выяснить, какие библиотеки используются на странице и влияют на рендеринг, исследователи отмечали на каждом сайте глобальные переменные. Получилось, что каждая глобальная переменная с более 6000 появлений была связана с библиотекой JavaScript. Рейтинг самых используемых выглядит следующим образом:
Таким образом, судя по графику, большая часть веб-страниц до сих пор работает на библиотеке jQuery и браузеры в основном используют аналитику, рекламу и код для совместимости со старыми браузерами.
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: