Отображение производительности браузера / видимость

Question

Я делаю сайт-портфолио и имею горизонтальный слайдер, который будет скользить между каждым произведением.Предположим, что есть 100 работ, и все они являются графически интенсивными и / или флэш-объектами.

Давайте также предположим, что на экране одновременно может быть не более 4 работ.

Все они находятся в одном большом элементе div, которым я манипулирую с помощью jQuery, чтобы изменить свойство left для перемещения div.

. На старшей машине это работает хорошо и плавно, но, например, на нетбуке, этодействительно прерывистый ... или даже в более медленном браузере.

Я планирую делать, какие работы будут видны при переходе и показывать только их.Я надеюсь, что это даст увеличение производительности.Однако я планирую установить для свойства visibility значение hidden, чтобы размеры элементов оставались неизменными.Но мне интересно, было бы лучше повысить производительность, установив display в none и создать элемент-заполнитель вместо того, чтобы просто скрывать работу?

Какие еще способы можно повысить производительность на более медленных машинах /браузеры?

Answer 1

Вы не получите какого-либо незначительного увеличения производительности от простого display:none;.Содержимое все равно будет загружено.

Вместо этого вы можете попробовать взглянуть на какой-нибудь ajax.Идея состоит в том, чтобы предварительно загрузить 8 элементов, даже если вы показываете только 4. Затем, когда пользователи нажимают кнопку «Далее», экран перемещается к следующим 4 уже загруженным элементам и одновременно к следующим 4 элементам в строке.начнется загрузка.

http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/