Почему мой веб-сайт медленно прокручивается, и почему его эффект зависания отстает?Как я могу это исправить?

Question

Итак, у меня есть этот сайт здесь , который имеет серьезные проблемы с производительностью.Прокрутка очень медленная, эффекты зависания имеют некоторую задержку и другие подобные проблемы.К сожалению, сейчас я работаю на дешевом хосте, поэтому у меня нет возможности распаковать мои файлы, и я не уверен, насколько большой способствующий фактор, хотя.Что бы это ни стоило, я использую Drupal в качестве CMS.

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

Немного о: статистика памятидля домашней страницы:

Память:
- Частное: 49664k
- Общее: 13052k
- Всего: 62716k

Виртуальная память:
- Частное: 53400k
- на карте: 10412;

Дайте мне знать, если вам нужна дополнительная информация.

Answer 1

На моем компьютере это нормально (MacBook Pro 2009, работающий на Chrome 10), но я думаю, что вам нужно отделить идею от «производительности».

gzipping уменьшает размер текстовых файлов, которые составляютваш сайт, поэтому он сокращает время, необходимое для их получения от вашего веб-сервера до компьютеров конечных пользователей.Это происходит до загрузки страницы в браузере пользователя.Это не влияет на скорость прокрутки страницы после загрузки.

Кажется, на странице есть метрическая хрень файлов JavaScript, некоторые из которых имеют «прокрутку» в названии.,Я не уверен, работает ли какая-либо из них, когда пользователь выполняет прокрутку, что замедляет работу браузера, но это кажется наиболее вероятным кандидатом для медленной прокрутки.(Ох, если комментарий Мегар о background-size: cover; не верен.)

Редактировать: , поскольку background-size: cover кажется проблемой, я бы предложил удалить ее и сделать фоновое изображениедостаточно большой, чтобы он выглядел приемлемым при большинстве разрешений экрана.Возможно, вы захотите заставить того, кто сделал изображение, отредактировать его так, чтобы оно затухало до одного цвета по краям, чтобы оно сливалось с вашим background-color для пользователей с более высоким разрешением.

Answer 2

Я удалил фоновое изображение и позиционирование с помощью Firebug, и прокрутка мгновенно ускорилась.

Частью скорости будут различные компоненты JavaScript, но наиболее заметной «задержкой» было фиксированное изображение 2000x2000, указанное вCSS для элемента HTML.

Answer 3

Ну, CMS обычно вызывает много лагов. Почему: потому что они имеют тенденцию похвастаться запутанной кучей малярии под названием JavaScript, которая соблазняет пользователя, предлагая простое использование. В большинстве случаев JavaScript по сути бесполезен. Я сталкивался с веб-сайтами, которые выглядели хорошо, но у меня даже было расстройство желудка от Alienware-gaming-machine. Причина в том, что JavaScript был использован практически для всего. Это очень сильно замедляет процесс использования CMS или копирования и вставки пользовательской веб-страницы.

Простое правило проектирования, которое я выучил: используйте JavaSript, когда это необходимо для выполнения задачи. Никогда, никогда в случаях, когда это не добавляет никакой функциональности, или делайте это только тогда, когда вы учитесь и хотите что-то проверить, и, естественно, когда ваши клиенты продолжают стучать в вашу дверь, потому что им нужны анимированные всплывающие окна, прокрутка параллакса и тому подобное.

Есть случаи, когда вам понадобится JS, даже для eyecandy, но на слишком многих страницах это слишком много. Результат: людям понравится ваша веб-страница, где страница вашей фотогалереи не займет 15 секунд, чтобы отобразить новое изображение, или скорость прокрутки заставит вас думать, что в начале 1990-х Интернет действительно был "быстрее" ...