Вызов всего эксперта по javascript / jquery - Как Firefox обрабатывает javascript

Question

Я только что создал галерею изображений на http://nu -lightbox.appspot.com / , движке приложения Google. Я протестировал этот сайт с Firefox 3.5 в Windows XP и Ubuntu Linux. Если вы откроете веб-сайт и нажмете круглую синюю кнопку со стрелкой, вы заметите, насколько неровной (не гладкой) является анимация.

Странная вещь, когда я открываю HTML-страницу в своем локальном окне, а не через движок приложений Google, анимация очень и очень плавная.

Из того, что я понимаю, браузер будет кэшировать / загружать HTML-страницу, ее javascript и любую связанную таблицу стилей в локальное окно пользователя при просмотре веб-сайта. Исходя из этого, в моей галерее изображений не должно быть обработки на стороне сервера. Вся обработка должна выполняться на клиентской стороне / в браузере пользователя локально в их окне.

Так что я не совсем понимаю, почему анимация работает плавно, когда я запускаю HTML-страницу локально, но при просмотре ее через механизм приложений Google возникает такая большая задержка.

Приветствие.

Answer 1

В соответствии с лучшими практиками поместите весь JavaScript в конце страницы и весь CSS в элемент HTML HEAD.

Полагаю, вы увидите более стабильную (и более быструю) производительность страницы.

добавлено в редактирование

Кроме того, закройте все вкладки в вашем браузере и перезапустите его. Вы не можете ничего сказать о производительности, если у вас есть глючный JavaScript, запущенный на другой вкладке. (Chrome лучше с этой проблемой.)

Answer 2

Вы правы, если все кэшируется на клиенте, тогда они должны работать с одинаковой скоростью.

Я бы использовал Wireshark или Fiddler, чтобы проверить HTTP-трафик, чтобы убедиться, что вы точно знаете, что происходит.