JQuery Лучший вариант развития событий

Question

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

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

По сути, я работаю над приложением для создания картин / постеров. У меня есть около 20+ кадров, которые могут быть выбраны пользователем, и при щелчке по рамке я меняю изображения для рамки на дисплее в графическом интерфейсе.

Я использую Jquery. Любое понимание было бы полезно в отношении наилучшего сценария для этого.

А если я буду предварительно загружать все изображения, как мне разместить одну из этих полос загрузки на экране, как вы видите во Flash, или загрузочный GIF, как я видел в Ajax?

Спасибо

Mike

Answer 1

Зависит от размера кадров изображения ... если они маленькие, как 1 - 2К, я бы загружал изображения динамически, в противном случае вы можете предварительно загрузить, но обязательно установите правильные заголовки, чтобы только один раз считывались и выбирались из кеш в следующий раз.

Что касается индикатора выполнения, я предлагаю вам проверить эту статью (рассказывает о предварительной загрузке изображений в jQuery и включает индикатор выполнения) на Ajaxian .

Answer 2

Почему бы не сделать оба?

Вы можете загружать изображения лениво, но также подключать $(document).ready() для предварительной загрузки изображений. Таким образом, если пользователь получает доступ к изображению до того, как оно предварительно загружено, оно приходит потом; если пользователь ждет достаточно долго, это будет мгновенно.

Эта техника обычна для таких вещей, как опрокидывание менубара.

Answer 3

Правильный ответ зависит от многих факторов. Какого размера изображения и сколько их? Вызовет ли загрузка всех изображений в начале серьезную задержку? Как сказал Джефф Этвуд, Производительность - это особенность.

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