Я немного поиграю с неблокирующей загрузкой JavaScript. Это означает, что у меня есть небольшой фрагмент JavaScript в моей голове
, и я загружаю все мои внешние файлы во время выполнения. Я даже пошел немного дальше, чтобы загрузить неблокирующий CSS.
Я вижу, что статьи, которые мне удалось найти, немного устарели, поэтому я хочу знать, все ли это актуально.
Сначала скрипты, они выглядят так:
myObject.styles
- это просто объект, который содержит все URL-адреса для всех файлов.
Я провел 3 теста, вот результаты:
Это обычная установка, у нас есть 4 файла css в голове и 3 файла js внизу страницы.
Теперь ничего блокирующего не вижу. Я вижу, что все загружается одновременно.
Теперь, чтобы пойти немного дальше, я сделал неблокирующими ТОЛЬКО файлы js. Это со сценарием выше. Внезапно я вижу, что мои файлы css блокируют нагрузку. Это странно, потому что в первом примере он ничего не блокирует. Почему css внезапно блокирует загрузку?
Наконец, я провел тест, при котором все внешние файлы загружаются неблокирующим образом. Сейчас я не вижу разницы с нашим первым методом. Просто они оба выглядят одинаково.
Мой вывод - файлы уже загружены неблокирующим образом, я не вижу необходимости добавлять специальный скрипт.
Или мне что-то здесь не хватает?