Если у меня есть этот код в iPhone Safari или Android Browser ... он будет медленным? - PullRequest
0 голосов
/ 05 марта 2010
<div class="result">
   <div class="thumbnail">
        <img src="80x80.png">
   </div>
   <div class="name">
        Alex Hong
   </div>
</div>

На странице будет 400 таких! Список людей и их эскизы, все разные. Я буду использовать JQuery LazyLoad , чтобы не все изображения загружались сразу. (Изображения загружаются только при переходе пользователя к этой части сайта).

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

Кстати, я не знаю, будет ли LazyLoad работать или нет:

Из-за ошибки webkit # 6656 Ленивая загрузка не даст вам никаких улучшений в Сафари. Он загрузит все изображения, которые вы хотел это или нет.

Ответы [ 2 ]

0 голосов
/ 13 апреля 2010

Это будет очень медленно (по крайней мере, на iPhone <3GS). </p>

В sproutcore framework есть длинные списки с отложенной загрузкой, которые работают очень хорошо. Вы можете проверить демонстрацию пользовательского интерфейса.

Но вы также можете использовать iScroll , поскольку скорость прокрутки по умолчанию в веб-наборе очень низкая и не адаптирована к длинному списку, подобному вашему.

И, наконец, избегайте сложных CSS в вашем списке (таких как градиент и т. Д.), Потому что это очень медленно для длинного списка.

0 голосов
/ 05 марта 2010

Я не сомневаюсь, что они смогут справиться с этим, но я бы определенно сделал какую-то пагинацию 400 изображений - это очень много для того, что я предполагаю, будет довольно маленький экран.

...