Как избавится от тормозов?

[Lednar94]

Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3.

По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются.

Можно ли избавится от них?

Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро.

Нужны советы по оптимизации скорости отображения в браузере без потери оформления.

[Radiocity]

Попробуйте загружать страницы слайда через ajax

[Softlink]

Попробуйте загружать страницы слайда через ajax

Ну а смысл? Здесь вся фишка в том, что слайды сделаны на чистом css.

По теме:

По-моему сильно много наворочено у вас. Новые плюшки css очень охотно кушают ресурсы машины. А у вас, считайте, "на странице" более 30 новых страниц и в каждой тени, градиенты, и бла-бла-бла. Каких-то явных причин для тормозов я не нашел, надо пробовать перебором все. Попробуйте на двух-трех слайдах посмотреть что будет.

p.s. Хром загрузил процессор на 100%, а Опера и вовсе повисла. В других смотреть не стал.

[psywalker]

Я бы такие вещи делал исключительно на JS. Одна решётка в адресе чего стоит)

[Gaspode]

У меня браузер 80% проца отжирает при переключении страниц. Такой выпендрёж, конечно, приколен, но не нужен.

[psywalker]

У меня браузер 80% проца отжирает при переключении страниц. Такой выпендрёж, конечно, приколен, но не нужен.

Этого выпендрёжа не увидит никто кроме знакомых. Если сайт делался для них, то можно оставить, ради прикола)

[Radiocity]

Ну а смысл? Здесь вся фишка в том, что слайды сделаны на чистом css.

Человек спросил как сделать, чтобы страница не тормозила. Логично использовать ajax. Разве не прав?

[Lednar94]

Я с аяксом не дружу так как ниразу с ним не сталкивался, но насколько знаю он позволяет динамично подгружать код и отправлять данные(то есть возможности php без обновления страницы). Такое решение поможет лишь частично так как ближе к середине слайдов уже будет много и все равно будет тормозить. А выпендреж реально нужен, так как в этом сама фишка проекта). По поводу ява скрипта опять же на вышеуказанном ресурсе, сделанным гугловцами(http://slides.html5rocks.com/) презентация как раз так и реализована (при помощи CSS). Она тоже нагружена всякой всячиной побольше моей (более 60 слайдов), но все работает быстро. Я не хочу ограничиваться только html и css, просто может кто знает более конкретные способы оптимизации (статья может какая или нечто подобное)?

[buddah]

По поводу ява скрипта опять же на вышеуказанном ресурсе, сделанным гугловцами(http://slides.html5rocks.com/) презентация как раз так и реализована (при помощи CSS). Она тоже нагружена всякой всячиной побольше моей (более 60 слайдов), но все работает быстро.

У меня гугловская презентация тормозит еще больше, чем твоя. Хром последний.

[Veseloff]

Это вообще адъ какой-то. Вот как выглядит htop

а вот так выглядит он же при закрытой странице

[Lednar94]

У меня гугловская презентация не тормозит. А моя тормозит

[buddah]

А вот эту штуку не пробовал? Так, на всякий случай.

Но это js.

Edited January 13, 2012 by buddah

[Odrin]

Бросается в глаза огромное количество вызовов setTimeout в angeles.js

Функция render() из этого файла, например, вызывается непрерывно. Может я чего- то не понимаю, но мне кажется, так быть не должно)

Страница непрерывно перерисовывается, даже когда она находится в состоянии покоя (Timeline из Chrome в помощь)...

Edited January 13, 2012 by Odrin

[buddah]

Бросается в глаза огромное количество вызовов setTimeout в angeles.js

Функция render() из этого файла, например, вызывается непрерывно. Может я чего- то не понимаю, но мне кажется, так быть не должно)

Страница непрерывно перерисовывается, даже когда она находится в состоянии покоя (Timeline из Chrome в помощь)...

Хороший анализ, спасибо. Я так глубоко не влезал. Только что набрел на либу и субъективно заметил, что тормозит меньше, чем гугловская и презентация автора.

[Odrin]

Хороший анализ, спасибо. Я так глубоко не влезал. Только что набрел на либу и субъективно заметил, что тормозит меньше, чем гугловская и презентация автора.

Не не не, вы не правильно поняли меня. Это я говорил про презентацию и код автора. Библиотеку из вашей ссылки я не смотрел.

[buddah]

Odrin, пардоньте)