если я использую библиотеку jquery с некоторыми плагинами, я должен поместить все внизу, перед </body> - PullRequest
Новая
       8

если я использую библиотеку jquery с некоторыми плагинами, я должен поместить все внизу, перед </body>

1 голос
/ 28 января 2010

Если я использую библиотеку jquery с некоторыми плагинами, могу ли я поместить все внизу, прямо перед </body> или это зависит?

Есть ли ситуации, когда библиотека + плагин должна размещаться не в конце, а не в нижней части?

Ответы [ 4 ]

1 голос
/ 28 января 2010

да, поместите внизу страницы перед </body> для максимально быстрой загрузки.

http://developer.yahoo.com/performance/rules.html#js_bottom

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

$( function(){ $( 'body' ).append( '<script src="plugin.js"></script>' ); } );

Кроме того, есть серьезные темы на эту тему каждую неделю.искать сначала.

0 голосов
/ 28 января 2010

Настоящая причина, по которой все стоит внизу, прямо перед </body>, заключается в том, что ваши страницы отображаются быстро.

Это метод оптимизации , который позволяет вашей странице отображаться в браузере до того, как все загрузится. Если вы поместите весь свой javascript вверху, страница будет выглядеть пустой, пока она не закончит загрузку скрипты, и пользователь почувствует, что ваш сайт работает очень медленно и, вероятно, уйдет.

Таким образом, не имеет значения, куда вы положили его, он все равно будет работать, разница в том, что вы позволяете своим посетителям просматривать некоторый контент и даже нажимать на ссылку даже до загрузки всего javascript.

@ Dan Beam: Размещение вашего CSS внизу может показывать первый рендер страницы странным образом, потому что CSS еще не загружен.

0 голосов
/ 28 января 2010

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

0 голосов
/ 28 января 2010 

 <head>
    <!--
    .....
    jquery should be at the top of all scripts... just the scripts 
    before you call
      $(document).ready(function(){ .... });
    -->
</head>

Документ о том, как настроить.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...