Неблокирующий JavaScript и CSS в современных браузерах. Это все еще нужно?

Я немного поиграю с неблокирующей загрузкой JavaScript. Это означает, что у меня есть небольшой фрагмент JavaScript в моей голове , и я загружаю все мои внешние файлы во время выполнения. Я даже пошел немного дальше, чтобы загрузить неблокирующий CSS.

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

Сначала скрипты, они выглядят так:


myObject.styles - это просто объект, который содержит все URL-адреса для всех файлов.

Я провел 3 теста, вот результаты:

Нормальная установка

Page load with css in the head and javascript at the bottom

Это обычная установка, у нас есть 4 файла css в голове и 3 файла js внизу страницы.

Теперь ничего блокирующего не вижу. Я вижу, что все загружается одновременно.

Неблокирующий JS

Page load with non-blocking javascript

Теперь, чтобы пойти немного дальше, я сделал неблокирующими ТОЛЬКО файлы js. Это со сценарием выше. Внезапно я вижу, что мои файлы css блокируют нагрузку. Это странно, потому что в первом примере он ничего не блокирует. Почему css внезапно блокирует загрузку?

Все неблокирует

Page load with everything non-blocking

Наконец, я провел тест, при котором все внешние файлы загружаются неблокирующим образом. Сейчас я не вижу разницы с нашим первым методом. Просто они оба выглядят одинаково.

Заключение

Мой вывод - файлы уже загружены неблокирующим образом, я не вижу необходимости добавлять специальный скрипт.

Или мне что-то здесь не хватает?

Подробнее:

24
задан Community 23 May 2017 в 12:30
поделиться