Перейти к содержимому

MOAB

- - - - -

Пред загрузка изображений

картинки js

  • Войдите, чтобы ответить
Сообщений в теме: 36

#1 isay777

isay777

    смурфосеошнег

  • Модератор
  • PipPipPipPipPip
  • 2 279 сообщений
2 415
  • ИзМосква

Отправлено 03 Апрель 2014 - 18:53

Люди хелп.

Ситуёвина такая: Есть категория товаров, очень нужно выводить много товаров на одной странице, около 60ти.
Если загружаю без картинок, то хоть 100, хоть 200 все отлично. Как только вывожу картинки к товаров, то тупит страшно, минуту может грузить.

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

Вот думаю реально ли каким-нибудь скриптом или еще чем убыстрить или наоборот замедлить загрузку картинок на эти товары?
мое портфолио - Дешевый и надежный хостинг c SSD --- СНИМАЕМ ПОЗИЦИИ ЧЕТКО

#2 Fitsh

Fitsh

    Юзер

  • Участник
  • PipPipPipPipPip
  • 1 733 сообщений
1 393

Отправлено 03 Апрель 2014 - 19:01

Именно страница выводится и видно как картинки долго грузятся?

Если так, то существует подгрузка изображений на JS, при прокрутке страницы.

А вообще я бы смотрел как картинки выводятся, проверил бы и вес, оптимизацию, истинный размер.
Возможно они еще участвуют в какой-то обработке CMS при выводе (водяные знаки к примеру).

Чет я начинаю сомневаться в "кешировании" магазином

#3 isay777

isay777

    смурфосеошнег

  • Модератор
  • PipPipPipPipPip
  • 2 279 сообщений
2 415
  • ИзМосква

TC Отправлено 03 Апрель 2014 - 19:16

,

Цитата

Если так, то существует подгрузка изображений на JS, при прокрутке страницы.
Во именно это наверное и ищу, если выводить картинок 10 на 1,5-2 монитора то все норм.
Просто хотелось на лету, а не кнопку "Загрузить еще"

Цитата

А вообще я бы смотрел как картинки выводятся, проверил бы и вес, оптимизацию, истинный размер.
Возможно они еще участвуют в какой-то обработке CMS при выводе (водяные знаки к примеру).
Ну допов ни каких нет, ни водяных знаков, ни попапов

Выводятся так

if ($link) {
	echo '<a ' . $linkAttrs . '><img ' . $imageAttrs . ' /></a> ' . "\n";
} else {
	echo '<img ' . $imageAttrs . ' /> ' . "\n";
}

В хтмл это так

<a class="jbimage-link" title="Межкомнатная дверь &quot;Лаура&quot;, пг, анегри" href="http://sait.ru/katalog/item/mezhkomnatnaya-dver-laura-pg-anegri" id="jbimage-link-533d79b2d73b1"><img class="jbimage" alt="Межкомнатная дверь &quot;Лаура&quot;, пг, анегри" title="Межкомнатная дверь &quot;Лаура&quot;, пг, анегри" src="http://sait.ru/cache/com_zoo/images/laura-anegri_0594fb1a31f760c9c1968a71dcaecbea.jpg" width="82" height="200"></a>

Цитата

Чет я начинаю сомневаться в "кешировании" магазином

Ну в админке грузишь большую картинку, он ее перерабатывает и выдает маленькой, при этом адрес в папку кэша.. Я тут не очень разбираюсь, как смог пояснил.
Связка joomla 3.2 + zoo + jbzoo
мое портфолио - Дешевый и надежный хостинг c SSD --- СНИМАЕМ ПОЗИЦИИ ЧЕТКО

#4 Drakon

Drakon

    Балбес

  • Основатель
  • PipPipPipPipPip
  • 1 960 сообщений
1 479
  • Изmsk

Отправлено 03 Апрель 2014 - 19:19

Просмотр сообщенияisay777 сказал:

он ее перерабатывает
вот точно ли перерабатывает ..
проверить надо все же вес этих картинок .. может они как раз, совсем не уменьшены, тогда конечно будет тупить
недорогие и надежные vds - инструмент поднятия ТИЦ
монетизация с ссылок: тут и тут
...
успевает тот, кто не спешит (с)

#5 Fitsh

Fitsh

    Юзер

  • Участник
  • PipPipPipPipPip
  • 1 733 сообщений
1 393

Отправлено 03 Апрель 2014 - 19:20

Чет стремный вывод картинок какой-то

#6 Serg_pnz

Serg_pnz

    Hanswurst

  • Старая гвардия
  • PipPipPipPipPip
  • 2 054 сообщений
1 646
  • Из*** гонец? Гонец из Пензы?... Нет – реальный гонец!

Отправлено 03 Апрель 2014 - 19:23

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

Прелоадер с коллбеком
$.preloadImagesS = function () {
    if (typeof arguments[arguments.length - 1] == 'function') {
	    var callback = arguments[arguments.length - 1];
    } else {
	    var callback = false;
    }
var Img = arguments[0]
$(new Image()).load(function(){
  if (typeof callback == 'function') {
   callback();
  }
}).attr('src', Img);
}
//Пример использования
setTimeout(function(){ $.preloadImagesS( el.attr('href') );}, 200);

Цены на рекламу на форуме Webimho | Пущу на квартиру VPS саттелиты по 30 руб./мес.
Ида: Не все кальсоны с оторванными пуговицами – брюки. © Serg_pnz

#7 isay777

isay777

    смурфосеошнег

  • Модератор
  • PipPipPipPipPip
  • 2 279 сообщений
2 415
  • ИзМосква

TC Отправлено 03 Апрель 2014 - 19:23

Drakon, Вес картинки 4-5 кБ

Оригинал около 400 кБ

какой есть

А где вообще скрипты поискать, чет гугл мне не помогает и выдает кучу скриптов для прелоада картинок по названиям.

Прикрепленные файлы


мое портфолио - Дешевый и надежный хостинг c SSD --- СНИМАЕМ ПОЗИЦИИ ЧЕТКО

#8 Fitsh

Fitsh

    Юзер

  • Участник
  • PipPipPipPipPip
  • 1 733 сообщений
1 393

Отправлено 03 Апрель 2014 - 19:27

400кб - это очень много

#9 isay777

isay777

    смурфосеошнег

  • Модератор
  • PipPipPipPipPip
  • 2 279 сообщений
2 415
  • ИзМосква

TC Отправлено 03 Апрель 2014 - 19:29

Ну вот оригинал и уменьшенный. 299 кБ и 4 кБ

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

Прикрепленные файлы


мое портфолио - Дешевый и надежный хостинг c SSD --- СНИМАЕМ ПОЗИЦИИ ЧЕТКО

#10 Fitsh

Fitsh

    Юзер

  • Участник
  • PipPipPipPipPip
  • 1 733 сообщений
1 393

Отправлено 03 Апрель 2014 - 19:32

Можно ссылку в личку, чем так гадать?

#11 SEOBot

SEOBot

    MFA

  • Старая гвардия
  • PipPipPipPipPip
  • 1 551 сообщений
991
  • Известный тунеядец

Отправлено 03 Апрель 2014 - 19:37

Я не понял, у вас на странице где много дверей - картинки по 4кб или 400кб?
Можно сделать загрузку по мере их нахождения на странцие. Колесиком вниз крутите и загружаются новые картинки. Плюсы такого метода - быстрая загрузка страницы изначально.
Иногда надо имитировать крушение корабля, чтобы с него сбежали крысы.
В работе использую: Топвизор | Полезное и нужное

#12 Fitsh

Fitsh

    Юзер

  • Участник
  • PipPipPipPipPip
  • 1 733 сообщений
1 393

Отправлено 03 Апрель 2014 - 19:40

У меня показывает что сам сервер тупит, документ (без учета картинок) отдает 15 секунд.
Картинки после нормально приходят

#13 isay777

isay777

    смурфосеошнег

  • Модератор
  • PipPipPipPipPip
  • 2 279 сообщений
2 415
  • ИзМосква

TC Отправлено 03 Апрель 2014 - 19:43

SEOBot, Вот как раз ищу такой скрипт.


Serg_pnz, А как мне на лету урлы таскать? Они же генерятся разные после чистки кэша.

Просмотр сообщенияПыщ-Пыщ (03 Апрель 2014 - 19:40) писал:

У меня показывает что сам сервер тупит, документ (без учета картинок) отдает 15 секунд
Блин а почему он без картинок не тупит?
Вот посмотри убрал

ЗЫ скажите хоть кто нибдуь как называется этот скрипт который подгружает прокруткой вниз ???
мое портфолио - Дешевый и надежный хостинг c SSD --- СНИМАЕМ ПОЗИЦИИ ЧЕТКО

#14 Fitsh

Fitsh

    Юзер

  • Участник
  • PipPipPipPipPip
  • 1 733 сообщений
1 393

Отправлено 03 Апрель 2014 - 19:55

Без картинок почти сразу отдает, видимо где-то проблема в CMS с формированием для этого добра
(узкое место)

Если хочется убедиться наверняка, то нужно закомментировать вывод картинок, но оставить их в CMS включенными

#15 isay777

isay777

    смурфосеошнег

  • Модератор
  • PipPipPipPipPip
  • 2 279 сообщений
2 415
  • ИзМосква

TC Отправлено 03 Апрель 2014 - 20:01

А скажите кто-нибудь как называется этот волшебный скрипт

Просмотр сообщенияSEOBot (03 Апрель 2014 - 19:37) писал:

Можно сделать загрузку по мере их нахождения на странцие. Колесиком вниз крутите и загружаются новые картинки. Плюсы такого метода - быстрая загрузка страницы изначально.

мое портфолио - Дешевый и надежный хостинг c SSD --- СНИМАЕМ ПОЗИЦИИ ЧЕТКО

#16 Drakon

Drakon

    Балбес

  • Основатель
  • PipPipPipPipPip
  • 1 960 сообщений
1 479
  • Изmsk

Отправлено 03 Апрель 2014 - 23:10

если тупняк на стороне сервера, то тама и искать надо проблему ...

скрипты тут уже не помогут
недорогие и надежные vds - инструмент поднятия ТИЦ
монетизация с ссылок: тут и тут
...
успевает тот, кто не спешит (с)

#17 Aлeкceй Бapыкин

Aлeкceй Бapыкин

    Алексей Барыкин

  • S.E.Syndicate
  • PipPip
  • 77 сообщений
128

Отправлено 03 Апрель 2014 - 23:29

Согласен c предыдущими ораторами - проблема скорее всего на сервере, в части формирования\отдачи картинок.
А по сабжу:
http://habrahabr.ru/post/87083/
http://learn.javascr...yh-izobrazhenij

#18 Serg_pnz

Serg_pnz

    Hanswurst

  • Старая гвардия
  • PipPipPipPipPip
  • 2 054 сообщений
1 646
  • Из*** гонец? Гонец из Пензы?... Нет – реальный гонец!

Отправлено 04 Апрель 2014 - 00:14

Просмотр сообщенияisay777 сказал:

Serg_pnz, А как мне на лету урлы таскать? Они же генерятся разные после чистки кэша.

Просмотр сообщенияSerg_pnz сказал:

el.attr('href')

Цены на рекламу на форуме Webimho | Пущу на квартиру VPS саттелиты по 30 руб./мес.
Ида: Не все кальсоны с оторванными пуговицами – брюки. © Serg_pnz

#19 Матумба

Матумба

    во имя матана

  • Участник
  • PipPipPipPipPip
  • 5 034 сообщений
6 302
  • ИзКрии

Отправлено 04 Апрель 2014 - 01:29

покеж timeline из вкладки network в chrome ctrl+shift+j
"Бескорыстие и любовь к ближнему в себе надо давить"
Почти правильный сеосервис

#20 Masha

Masha

    Мням

  • Основатель
  • PipPipPipPip
  • 573 сообщений
1 157
  • Издома

Отправлено 04 Апрель 2014 - 01:48

Просмотр сообщенияisay777 (03 Апрель 2014 - 19:16) писал:

Связка joomla 3.2 + zoo + jbzoo
Фильтром jbzoo 60 товаров выводите?
Месяц лабораторных экспериментов избавит вас от часа сидения в библиотеке (с)Frank Henry Westheimer





Также с тегом картинки, js

Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных



© 2019 SMO&SEO форум «WEBIMHO» — продвижение и создание сайтов, интернет-маркетинг

По вопросам рекламы на форуме и цены на рекламу
Все материалы SEO форума разрешены к копированию только с установкой гиперактивной ссылки на webimho.ru,
тем, кто этого не сделает, мы оторвем руки и ноги и поменяем местами,
а когда выйдем из тюрьмы, опять оторвем и опять поменяем.


Россия, г. Москва

Мы в соцсетях: twitter | вконтакте | facebook | livejournal