#javascript #jquery #html #css #performance
#javascript #jquery #HTML #css #Производительность
Вопрос:
Я только что закончил веб-сайт: http://www.basenharald .nl и все хорошо в IE9, chrome и firefox. Он не поддерживает браузеры <IE8, но это планируется.
Однако веб-сайт действительно очень медленный в IE8, и по какой-то причине некоторые люди сталкиваются с тем, что прокрутка divs не работает (не у всех пользователей IE8).
Любая помощь по этим вопросам была бы весьма признательна, поскольку я не могу найти проблемы.
Комментарии:
1. Попробуйте отключить Javascript (или его части) и посмотреть, какие биты оказывают влияние. Тогда, если вы не можете оптимизировать эти биты и если они не имеют решающего значения, почему бы просто не отключить их, если пользователь использует IE8?
2. честно говоря, он довольно медленный и в Firefox 3.6.
3. Вы пробовали использовать jQueryLint, чтобы попытаться выявить потенциальные проблемы? Он может найти некоторые неоптимальные вещи, которые вы можете настроить, чтобы попытаться повысить скорость. В частности, убедитесь, что вы кэшируете результаты селекторов в переменных, поэтому вы запускаете селекторы только один раз / когда что-то изменилось.
4. Это почти привело к сбою IE8 для меня, но в консоли FF Firebug я вижу это: «ie равен нулю
if (ie[0].match("MSIE")) {scripts.js (строка 1443)»5. Кроме того, милый сайт! Мне нравится то, что вы сделали с Javascript вместо Flash. Очень приятно!
Ответ №1:
Потому что IE8 просто очень плохо отображает эти анимации. Также у медленных ПК будут проблемы с анимацией.
Вы должны обнаружить IE8 (и ниже) и отключить эти эффекты, потому что они не являются функционально необходимыми
Комментарии:
1. Привет, дуве, есть ли шанс, что вы могли бы помочь мне с этим? Я действительно не знаю, как это сделать из-за недостатка знаний
2. Посмотрите, как использовать условные комментарии IE, чтобы иметь части вашей страницы, которые включаются только для указанных версий IE. Внутри этих комментариев вы могли бы включить тег script, который задает класс для
<html><body>тегов or, называемых, скажем, ,browser-ie8, например. Затем убедитесь, что у тега нет этого класса, прежде чем включать определенные эффекты.3. Есть ли простой способ обнаружить медленный компьютер в JS? Не хватает запуска какого-то контрольного теста в начале или чего-то в этом роде.
Ответ №2:
Прежде всего, хорошо сделано на хорошо выглядящем сайте. Я использовал панель инструментов разработчика в Chrome, чтобы обнаружить следующую проблему. Ваш сайт использует или ссылается на страницу с именем daddy-shoutbox.php . Этот код на этой странице или вызывающий код на этой странице вызывает бесконечный цикл или продолжает вызов. Из моих результатов я мог видеть, что для загрузки этой страницы требуется в совокупности около 500 мс. С точки зрения браузера я могу только предположить, что IE8 действительно показывает симптомы этого цикла. Моя статистика показала, что страница сделала более 130 запросов и подсчитала их через 2 минуты.
Комментарии:
1. Вы правы насчет цикла … не могли бы вы сказать мне, как я могу настроить его так, чтобы он загружался только один раз и повторял это при отправке? я понятия не имею, как это сделать
Ответ №3:
Не современные браузеры и, как сказал douwe, даже медленные ПК будут затронуты. Анимация параллакса требует много процессорного времени, и эффект в основном связан с эстетикой веб-сайта.
Хороший компромисс между удобством использования и эстетикой может быть достигнут за счет уменьшения эффекта параллакса.
Я предлагаю вам удалить эффект из текста ( класс: contentwrapper). Это сэкономит вам некоторое время процессора и даст вам более читаемый текст. Вы даже можете переключиться на обычную полосу прокрутки. По моему опыту, настраиваемые полосы прокрутки всегда доставляют некоторые проблемы пользователям 😉
Если вы довольны работой в современных браузерах, вы можете просто различать старые браузеры. С помощью jquery вы можете использовать это
удачи
Комментарии:
1. Привет, Rdpi, отличное предложение. Я на самом деле не программист, поэтому, если вы могли бы помочь мне с кодом, я буду очень признателен. Я понимаю, что он делает, я не понимаю, как я должен это реализовать.
Ответ №4:
В Opera 11.52 он вообще не загружается..