Можно ли упаковать изображения сайта в атласы? [РЕШЕНО]

[vsebedash657]

Есть сайт созданный в Web Builder http://ege-shkola.ru
Но он загружается слишком долго.
Одна из проблем заключается в том, что в нем много изображений и все они грузятся отдельными запросами.
Имеет смысл упаковать их в атласы(в маленькое количество больших изображений). Возможно ли это?
Если нет, то есть ли альтернативы?

Заранее спасибо!

[gladiolus0707]

Хороший вопрос, присоединяюсь Уже давно ищу универсальный подход к варианту предзагрузки сайта. Может кто встречал расширение для предзагрузки?

[DrLex]

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

[gladiolus0707]

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

Всё зависит от скорости инета У меня тоже полторы секунды грузился на скорости 30мб. Но есть и 3G Кстати на скорости 10мб тоже отлично загрузился.

[DrLex]

Ну, у меня сейчас тормоз из тормозов 3 Мбит/с, даже мобильный интернет наверное быстрее будет :)

[gladiolus0707]

Ну, у меня сейчас тормоз из тормозов 3 Мбит/с, даже мобильный интернет наверное быстрее будет :)

Значит вопрос решен с сайтом всё в порядке

[vsebedash657]

ну слушайте:) вопрос остается актуальным. Сервисы измерения скорости загрузки показывают по 5 сек. У всех разный интернет.
Описанная мной проблема все равно остается, запросы блокирууются из за очереди.

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

[Alex]

Как я понял, имеется ввиду это - при загрузке страницы с большим количеством картинок, грузятся только те картинки, которые расположены в видимой части страницы. Остальное — грузится при необходимости, то есть при скролле пользователя к нижней части страницы. То есть, визуально страница грузится заметно быстрее, технически — все остается на прежнем уровне.

«Ленивая загрузка» – это программный плагин jQuery, написанный на JavaScript, который откладывает загрузку изображений на (больших) веб-страницах. Таким образом, изображения, которые не попадают в поле зрения пользователя, не будут открываться до тех пор, пока пользователь не прокрутит страницу вниз. То же самое, что предварительная загрузка, только наоборот.

Использование «ленивой загрузки» на сайтах, содержащих много изображений большого размера, позволяет ускорить загрузку страницы – браузер сообщит о полном открытии, как только откроются все видимые картинки. В некоторых случаях использование данного модуля помогает сократить нагрузку на сервер.

[anonimus]

ТС, вы для начала сожмите картинки в 5-8 раз минимум
наприер - нафига вам картинка 217 кб, в то время как её можно сократить до 30 кб?
так и с остальными картинками

в общем можно всё оптимизировать и значительно вес сайта сократить
ну и сжатие трафика включить на хосте

[vsebedash657]

Как я понял, имеется ввиду это - при загрузке страницы с большим количеством картинок, грузятся только те картинки, которые расположены в видимой части страницы. Остальное — грузится при необходимости, то есть при скролле пользователя к нижней части страницы. То есть, визуально страница грузится заметно быстрее, технически — все остается на прежнем уровне.

«Ленивая загрузка» – это программный плагин jQuery, написанный на JavaScript, который откладывает загрузку изображений на (больших) веб-страницах. Таким образом, изображения, которые не попадают в поле зрения пользователя, не будут открываться до тех пор, пока пользователь не прокрутит страницу вниз. То же самое, что предварительная загрузка, только наоборот.

Использование «ленивой загрузки» на сайтах, содержащих много изображений большого размера, позволяет ускорить загрузку страницы – браузер сообщит о полном открытии, как только откроются все видимые картинки. В некоторых случаях использование данного модуля помогает сократить нагрузку на сервер.

Спасибо, это интересный вариант.


Мой вопрос немного про другое.
То о чем я спрашиваю по-английски называется sprite sheets, по-русски css-спрайты. Можно все изображения сайта объединить в одно или несколько больших, получится примерно так

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

Возможно подобное в Web Builder ?

[Конструкторщик]

Невозможно.

[anonimus]

Невозможно.

да почему же не возможно, вполне возможно если захотеть
но не всегда это нужно на самом деле

[Конструкторщик]

Ну я как понял в вопросе:
инструментами билдера невозможно,ну а если очень надо,то придется извращаться с кодами.

[DrLex]

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

[Конструкторщик]

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

Речь не о том.
Речь о подгрузке нужного тебе изображения средствами css из множества изображений расположенных одной картинкой (или на одной картинке).