GTmetrix: Avoid document.write

Обновлено: 23.12.2020 4741

Avoid document.write - Избегайте document.write() (перевод руководства GTmetrix на русский).

GTmetrix, Pagespeed: избегайте document.write

Время прочтения:

Avoid document.write - Использование document.write() для извлечения внешних ресурсов, особенно в начале документа, может значительно увеличить время, необходимое для отображения веб-страницы.

Подробности из Google

Современные браузеры используют спекулятивные парсеры для более эффективного обнаружения внешних ресурсов, на которые ссылается HTML-разметка. Эти спекулятивные парсеры помогают сократить время, необходимое для загрузки веб-страницы. Поскольку спекулятивные парсеры быстры и легки, они не выполняют JavaScript. Таким образом, используя в документе JavaScript, document.write() извлечение внешних ресурсов делает невозможным, чтобы спекулятивный парсер обнаружил те ресурсы, которые могут задержать загрузку, парсинг и рендеринг этих ресурсов.

Использование document.write() из внешних ресурсов JavaScript особенно затратна, так как сериализует загрузку внешних ресурсов. Перед выполнением документа браузер должен загрузить, проанализировать и выполнить первый внешний ресурс JavaScript в document.write(), который извлекает дополнительные внешние ресурсы. Например, если внешние JavaScript-ресурс first.js содержит следующее содержание:

document.write('<script src="second.js"><\/script>');

Закачка first.js и second.js будет сериализован во всех браузерах. Использование одного из рекомендуемых методов, описанных в боковой панели, может уменьшить блокировку и сериализацию этих ресурсов, что, в свою очередь, сокращает время, необходимое для отображения страницы.

Инструмент: GTmetrix.

Продолжаем серию уроков по оптимизации загрузки...

Связаться в Telegram

Рейтинг: 5/5
2 голосов

Следующие страницы вас также могут заинтересовать:

Обновлено: 23.12.2020