#jquery #performance #scroll
#jquery #Производительность #прокрутка
Вопрос:
Я создал сайт, на котором много jQuery / javascript, но я не думаю, что их слишком много по сравнению с другими сайтами.
Попробуйте сайт здесь и прокрутку (только вывод html, поэтому вам не нужно создавать учетную запись): http://www.fitlab.dk/fitlab.htm
Именно в Chrome это действительно плохо, по сравнению с Firefox, где производительность лучше, stange, потому что я также думал, что у Chrome лучшая производительность javascript.
Но как узнать, что вызывает медленную прокрутку?
Я попытался удалить «расширения» jQuery одно за другим, чтобы я мог определить, что вызывает проблему, но я не смог найти проблему.
Я знаю, что в Chrome есть это, где вы можете протестировать процессор, какие процессы используют какую мощность.
Вот скриншот конечных результатов, где я много прокручивал и записывал его: 
Это не дает много информации, на самом деле он не знает, для чего использовать эту информацию :-/
Я был бы очень рад, если бы кто-нибудь мне помог, спасибо! 🙂
Комментарии:
1. оффтопик: хороший фон! fitlab.dk/images/roadbg.jpg ontopic: вы пробовали yslow? Разработчик. yahoo.com/yslow
2. Попробуйте удалить фоновые изображения, а затем выполнить прокрутку. Посмотрите, это лучше.
3. прокрутка в Opera идет быстро … и хорошая веб-страница!
Ответ №1:
Пожалуйста, попробуйте удалить все CSS и посмотреть, улучшится ли производительность. Я видел задержку прокрутки при наличии больших фоновых изображений, особенно когда фон исправлен.
Также не могли бы вы попробовать удалить один плагин jquery за раз, чтобы выяснить, вызывает ли какой-либо плагин проблему?
Комментарии:
1. Привет, Омар, спасибо за твой ответ! Фон вставляется jquery, потому что, если он находится в файле CSS, я вызвал серьезную проблему с производительностью. Я попытался удалить один за другим плагины jquery, но он не смог увидеть никаких различий, я попробую еще раз! Но разве нет способа сравнить и протестировать, на что jquery тратит много энергии?
2. Если вы посмотрите на fitlab.dk/fitlab.htm остался только jquery Flot, и я думаю, что это то, что вызывает проблему! Но это все еще медленно с удаленным фоном!
3. Для меня это намного более плавно. В прошлый раз, когда я проверял, я видел, что это сложно. Теперь это довольно хорошо как в Chrome, так и в IE 9.
Ответ №2:
Прежде всего: http://validator.w3.org/check?uri=http://www.fitlab.dk/fitlab.htm
Line 238, Column 9: Stray end tag div.
Комментарии:
1. Что значит отклоняться и помечать? Я погуглил, и он не дал мне хорошего ответа. Но я предполагаю, что это означает проигрыш? </div> слишком много?
2. ДА. Закрывающий тег без соответствующего начального тега.