Где должны быть расположены скрипты на странице jQuery Mobile для лучшей производительности?

Как эта практика применяется к веб-страницам jQuery Mobile?

Примеры Я видел места jQuery и jQuery Mobile скрипты в главном теге. Должны ли другие скрипты также помещаться в верхний тег? Какая практика?

Ответы

Ответ 1

Здесь, я думаю, что один и тот же ответ считается как для настольных страниц. Если javascript имеет жизненно важное значение для функциональности страницы, вы помещаете ее вверху. Если это дополняет, вы поместите его внизу.

Ответ 2

Хотя это может быть не связано с производительностью как скоростью, важно в контексте мобильных jQuery правильно добавить скрипты на страницы. Обычный старик $(function(){}) удивит вас. В некоторых случаях это не работает.

При нажатии ссылки jquery mobile выбирает страницу с помощью ajax и добавляет ее содержимое на открытую страницу, игнорируя все, что вы помещаете в <head>. [Это верно в отношении jqm 1.0a2]

Существует два способа добавления скриптов, которые будут работать:

поместить все скрипты в один файл .js и связать их в главном окне всех страниц вашего приложения и работать с событиями, которые предоставляет jqm (страницы и pagecreate).
размещение скриптов в нижней части тела и НЕ требуется DOMready для запуска.

Второй способ может быть лучше для производительности в больших приложениях, где есть много скриптов, которые пользователь может не использовать (не посещая определенные страницы). Я бы порекомендовал первый способ - он чище и jqm, кажется, поощряет его.

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

[править]

см. Ограничения здесь в нижней части страницы.

Ответ 3

Лучшая практика находится на дне. обычно jquery script выполняются, когда DOM загружается, поэтому на странице не влияет, но он влияет на скорость, поскольку это позволит другим элементам загружаться ранее.