Код JavaScript, необходимый для отображения верхней части страницы, должен быть встроенным, а код, отвечающий за дополнительные функции (внешний скрипт), должен выполняться после загрузки верхних элементов. Обратите внимание, что для ускорения загрузки страниц необходимо также оптимизировать CSS.
Также, внешние скрипты можно включить в конец кода HTML. Подобное встраивание позволяет браузеру сначала произвести загрузку страницы, а потом выполнить скрипт.
Ещё, как вариант, можно отложить загрузку кода JavaScript используя атрибут async.
Если в ресурсах JavaScript используется метод document.write, использовать асинхронную загрузку небезопасно. Рекомендуется переписать скрипты с использованием других средств.
Кроме того, если на странице используются взаимозависимые скрипты, при асинхронной загрузке JavaScript убедитесь, что скрипты загружаются в правильном порядке.
При использовании библиотеки jQuery, JavaScript повышает интерактивность страницы, добавляют анимацию и другие эффекты. Но многие из этих функций можно использовать безопасно только после загрузки контента в верхней части страницы. Поэтому лучше отложить выполнение скрипта до полной загрузки страницы.
Если содержание страницы создано кодом JavaScript на стороне клиента, попробуйте встроить соответствующие модули JavaScript, чтобы избежать лишних запросов к серверу.
|