Сообщений в теме: 10

[Тамерлан]

Уважаемая техподдержка и те, кому не лень поделится опытом!

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

И как узнать скорость загрузки для мобильных пользователей?

http://silvermoda.ru/

Заранее благодарю.

[Тамерлан]

И можно ли сделать так, чтобы большие изображения для coudzoom подгружались только при необходимости отображения? Т.е. пользователь наводит и ждет пару секунд.

[Ботаникус]

Постою послушаю) Это моя больная тема))

[Koderhan]

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

<a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'bottom', adjustX: -108, adjustY: 50, zoomWidth:450, zoomHeight:300, titleOpacity:1">
<img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" title="{goods.DESCRIPTION_SHORT}" /></a>
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceNew" color:white>
<p><span style="color:#ffffff; font-size:22px">111</span></p>

</div>

Заменить:

<a href="{goods.IMAGE_LARGE}" class="ImgCatalogNyro" rel="gallery" target="_blank">
<img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" title="{goods.DESCRIPTION_SHORT}" /></a>
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
								 <div class="goodsListItemPriceNew" >
											
										 </div>

И еще скрипт в main.js можно поменять.

$(document).ready(function(){
$('.goodsListItemImage div').css('z-index', 'auto');
});

Заменить:

$(document).ready(function(){
$('.goodsListItemImage div').css('z-index', 'auto');
$('.ImgCatalogNyro').click(function(){
$(this).nyroModalManual();
return(false);
});
});

Прикрепленные изображения

• 

[Ботаникус]

Koderhan (04 Июнь 2013 - 10:59) писал:

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

<a href="{goods.IMAGE_LARGE}" class="cloud-zoom" id='zoom1' rel="zoomImage: '{goods.IMAGE_SMALL}', position: 'bottom', adjustX: -108, adjustY: 50, zoomWidth:450, zoomHeight:300, titleOpacity:1">
<img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" title="{goods.DESCRIPTION_SHORT}" /></a>
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceNew" color:white>
<p><span style="color:#ffffff; font-size:22px">111</span></p>

</div>

Заменить:

<a href="{goods.IMAGE_LARGE}" class="ImgCatalogNyro" rel="gallery" target="_blank">
<img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" title="{goods.DESCRIPTION_SHORT}" /></a>
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
								 <div class="goodsListItemPriceNew" >
											
										 </div>

И еще скрипт в main.js можно поменять.

$(document).ready(function(){
$('.goodsListItemImage div').css('z-index', 'auto');
});

Заменить:

$(document).ready(function(){
$('.goodsListItemImage div').css('z-index', 'auto');
$('.ImgCatalogNyro').click(function(){
$(this).nyroModalManual();
return(false);
});
});

не найду этот код в товарах

[Koderhan]

Ботаникус (04 Июнь 2013 - 20:27) писал:

не найду этот код в товарах

Это сообщение было специально для сайта http://silvermoda.ru/ . Шаблоны разные.
На вашей главной странице можно попробовать сжать изображение в нижней части странице d977777775128c9b3e65b0d2b35e3.jpg
Карусель конечно тоже дополнительная нагрузка на сайт. Но тут уже вам выбирать.

[Ботаникус]

Koderhan (05 Июнь 2013 - 05:42) писал:

Это сообщение было специально для сайта http://silvermoda.ru/ . Шаблоны разные.
На вашей главной странице можно попробовать сжать изображение в нижней части странице d977777775128c9b3e65b0d2b35e3.jpg
Карусель конечно тоже дополнительная нагрузка на сайт. Но тут уже вам выбирать.

я уже сжала изображение.....
а скаруселью кстати меньше стала страница весить

[Koderhan]

Для быстрой загрузки страниц не нужно использовать большие изображения.
Но тут тонкая грань между качеством и объемом.

[Ботаникус]

Koderhan (05 Июнь 2013 - 10:24) писал:

Для быстрой загрузки страниц не нужно использовать большие изображения.
Но тут тонкая грань между качеством и объемом.

у меня картинка нижняя весит 40 кб. Это много как Вы думаете?

[Vaccina]

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

[Ботаникус]

Vaccina (06 Июнь 2013 - 01:41) писал:

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

а у меня только вконтакте подключен...