JS onload: улучшение производительности и скорости загрузки сайта
JS onload - это событие, которое возникает, когда загружается вся страница и все ее ресурсы, включая изображения, стили, скрипты и т.д. Если в JS-коде есть функция, назначенная на событие onload, то она будет выполняться при полной загрузке страницы.
Пример кода:
html
Test Page
Загрузка...
Test Page
Это тестовая страница
В этом примере мы добавили функцию `onLoad`, которая скрывает элемент загрузки и выводит сообщение в консоль. Функция вызывается при загрузке страницы с помощью атрибута `onload`.
Загрузка страницы может быть не только синхронной, но и асинхронной. В таком случае событие onload возникает при завершении загрузки асинхронного ресурса. Например, если на странице есть изображение, которое загружается асинхронно, то событие onload возникнет, когда изображение полностью загрузится.
html
Test Page
Test Page
В этом примере мы добавили изображение, которое загружается асинхронно и назначили на него функцию `onLoad`. При полной загрузке изображения функция `onLoad` будет выполняться.
В общем случае, событие onload позволяет гарантировать, что действия на странице выполняются только после ее полной загрузки и готовности к использованию. Оно является удобным инструментом для работы с загрузкой страницы в JS коде.