Инфографика дня: влияние библиотек на рендеринг страниц

Исследователи ITnext обработали 1 миллион самых популярных веб-страниц, чтобы узнать, что влияет на скорость их загрузки. Исследование проводилось из-за мнения, что сейчас интернет медленнее, чем 15 лет назад. Это якобы связано с постоянно растущим количеством JavaScript, фреймворков и веб-шрифтов, которые затормаживают работу компьютеров и протоколов. 

Сбор данных и прогноз

При анализе учитывались такие показатели как время отрисовки, количество запросов, перерисовка, ошибки JavaScript и используемые библиотеки. 

Сбор данных сводился к написанию небольшого кода для использования библиотеки Puppetteer для создания сценария Chrome, запуску 200 экземпляров сервисов EC2 и рендерингу миллиона веб-страниц. 

Выводы

В результате проведенных анализов исследователи пришли к выводу, что: 

• Нужно делать как можно меньше запросов, так как их количество имеет большее влияние на время рендринга, чем количество переданных килобайт;
• Лучше делать запрос через протокол HTTP2 и выше;
• Если есть возможность, лучше избегать запросов на блокировку рендеринга и отдавать предпочтение асинхронной загрузке.

Библиотеки

Чтобы выяснить, какие библиотеки используются на странице и влияют на рендеринг, исследователи отмечали на каждом сайте глобальные переменные. Получилось, что каждая глобальная переменная с более 6000 появлений была связана с библиотекой JavaScript. Рейтинг самых используемых выглядит следующим образом:

Таким образом,  судя по графику, большая часть веб-страниц до сих пор работает на библиотеке jQuery и браузеры в основном используют аналитику, рекламу и код для совместимости со старыми браузерами.