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


Много Js Файлов И Css Не Оптимизированы

js css оптимизировать

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 12 Апрель 2018 - 15:15

Цитата

Общая загрузка страницы 5, 68 секунд, я проверил много js файлов и css не оптимизированы, так же медленно генерируются страницы. По возможности уменьшить css и js, так же проверить тарифный план на хостинге, хватает Вам памяти или нет, тогда надо перейти на более мощный тариф.
  • Может все такие можно в рамках стореленда оптимизировать хоть часть этих файлов???
Да, я понимаю что не сайт визитка
Да, я понимаю что это не просто
Но оптимизировать то надо! Может что лишнее есть относящийся к смене шаблонов или иных функций которые мне не нужны???

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 686 сообщений

Отправлено 13 Апрель 2018 - 04:08

Здравствуйте.

Кнопки "Сравнить" и "Добавить в избранное" у вас отсутствуют, вы можете удалить JS и CSS код связанный с ними.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:
.cartAdd .add_to_compare_small.inProd{top:80px;}
.add_to_wishlist_small img,.add_to_compare_small img{max-width:25px;max-height:25px;}
.cartAdd .description .add_to_wishlist_small.mustLogin,.cartAdd .description .add_to_wishlist_small.inProd{left:75px;top:80px;}

.prodGlobalWrp .add_to_wishlist_small.mustLogin{left: 55px;top: 65px;}
.nobuy .add_to_wishlist_small.inProd,.nobuy .add_to_wishlist_small.mustLogin{left:45px; top:5px;}
.nobuy .add_to_compare_small.inProd{left:0;top:5px;}


.add_to_compare_small_text,.add_to_wishlist_small_text{display:none;}
.inProd{font-size:25px;display:inline-block;}
.add_to_compare_small.inProd{left:15px;top:65px;}
.add_to_wishlist_small.inProd{left:75px;top:65px;}

.add_to_wishlist_small,.add_to_compare_small,.add_to_cart_small{position:absolute;right:5px;color:#666;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;}
.add_to_cart_small{top:5px;cursor:pointer;}
.add_to_compare_small{top:35px;width:15px;}
.add_to_wishlist_small{top:65px;width:15px;}

.add_to_compare_small.goodsTable{cursor:pointer;position:absolute;right:70px;top:-45px!important;font-size:25px;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
.add_to_compare_small.line{height:0px;color:#ddd;position:absolute;left:140px;top:0;font-size:25px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
.add_to_wishlist_small.mustLogin,.add_to_wishlist_small.goodsTable{position: absolute;cursor:pointer;right: 20px;top: -45px;font-size: 25px;transition: all 0.35s ease;}
.add_to_wishlist_small.line{height:0;color:#ddd;position:absolute;left:180px;top:0px;font-size:25px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
.prod_hold_recent .add_to_wishlist_small.mustLogin{position: absolute;
cursor: pointer;
right: 6px;
top: 63px;
font-size: 18px;
transition: all 0.35s ease;}
.prod_hold_recent .add_to_cart_small img{max-width:25px;}
.prod_hold_recent .add_to_compare_small img,.prod_hold_recent .add_to_wishlist_small img{max-width:18px;}

далее зайдите в main.js - найдите и удалите:
 $('.add_to_wishlist_small.added,.add_to_compare_small.added').addClass('ftheme-color');
$('.add_to_wishlist_small,.add_to_compare_small').not('.added').removeClass('ftheme-color')


$(document).ready(function(){$('.add_to_compare_small, .add_to_wishlist_small').click(addTo)})


function addTo(){
$('.succAddMessage').remove();
// Объект ссылки, по которой кликнули
var
	 a = $(this)
	 ,addUrl = a.attr('data-action-add-url')
	 ,delUrl = a.attr('data-action-delete-url')
	 ,addTitle = a.attr('data-action-add-title')
	 ,delTitle = a.attr('data-action-delete-title')
	 ,isAdd = a.attr('data-action-is-add')
	 ,aText = a.parent().find('.add_to_wishlist_small_text, .add_to_compare_small_text')
	 requestUrl = a.attr('href')
	 ,msg = a.data('msgtype')
	 ,name = a.data('gname');
	
// Если в ссылке присутствует идентификатор, который мы можем узнать только вытащив его с текущей страницы
if( /GET_GOODS_MOD_ID_FROM_PAGE/.test(requestUrl)) {
	 requestUrl = requestUrl.replace(new RegExp('GET_GOODS_MOD_ID_FROM_PAGE'), $('.goodsDataMainModificationId').val());
}
if(msg == 3){
	 a.parent().after('<div class="succAddMessage red" style="display:none;"><div>Вам необходимо авторизоваться в нашем магазине!</div></div>');
$('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})
}		
// Если есть информация о том какие URL адреса будут изменены, то можено не перегружать страницу и сделать запрос через ajax
if(addUrl && delUrl) {
	 $.ajax({
	 type : "POST",
	 dataType: 'json',
	 cache : false,
	 url : requestUrl,
	 data : {
		 'ajax_q': 1
	 },
	 success: function(data) {
		 if('ok' == data.status) {
		 if(isAdd == 1) {
			 var
			 from = addUrl
			 ,to = delUrl
			 ,newIsAddStatus = 0
			 ,newTitle = delTitle ? delTitle : ''
			 ;	
			 $('.succAddMessage').remove();
			 if(msg == 1){		
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" добавлен в список сравнения</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
			 else if(msg == 2){
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" добавлен в избранное</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
		
			
			
			 a.addClass('added ftheme-color');
		 } else {
			 var
			 from = delUrl
			 ,to = addUrl
			 ,newIsAddStatus = 1
			 ,newTitle = addTitle ? addTitle : ''
			 ;
			 $('.succAddMessage').remove();
			 if(msg == 1){
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" убран из списка сравнения</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
			 else if(msg == 2){
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" убран из избранного</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
			 a.removeClass('added ftheme-color');
		 }
		
		 // Если указано, что изменилось число товаров на сравнении
		 if(typeof(data.compare_goods_count) != 'undefined') {
			 // Блок информации о том, что есть товары на сравнении
			 var compareBlock = $('.showCompare');
			 // Если на сравнении больше нет товаров
			 if(0 < data.compare_goods_count) {
			 compareBlock.show();
			 // Если на сравнении есть новые товары
			 } else {
			 compareBlock.hide();
			 }
			 // Указываем информацию о новом количестве товаров на сравнении
			 compareBlock.find('.nb_goods').text( data.compare_goods_count + ( typeof(genWordEnd) == 'function' ? ' товар' + genWordEnd(data.compare_goods_count, "", "а", "ов") : '') );
		 }
		
		 // Обновляем ссылку, на которую будет уходить запрос и информацию о ней
		 a.attr('href', a.attr('href').replace(new RegExp(from), to))
			 .attr('title', newTitle)
			 .attr('data-action-is-add', newIsAddStatus);
		
		 // Если рядом с ссылкой в виде круга есть текстовая надпись с описанием действия
		 if(aText.length) {
			 aText.text(aText.attr(isAdd == 1 ? 'data-action-text-delete' : 'data-action-text-add'));
		 }

		 // Если есть функция, которая отображает сообщения пользователю
		
			
		 } else if('error' == data.status) {
		 // Если есть функция, которая отображает сообщения пользователю
		 if(typeof(noty) == "function") {
			 noty({
			 text:data.message
			 ,layout:"center"
			 ,type:"error"
			 ,textAlign:"center"
			 ,easing:"swing"
			 ,animateOpen:{"height":"toggle"}
			 ,animateClose:{"opacity":"hide"}
			 ,speed:"500"
			 ,timeout:"3000"
			 ,closable: false
			 ,modal: false
			 ,dismissQueue: true
			 ,onClose: true
			 ,killer: true
			 });
		 }
		 }
	 }
	 });
	
	 return false;
}
};

Также объедените код из разных css файлов в один, например перенесите код файлов owl.carousel.css, owl.theme.css, owl.transitions.css в main.css.

Еще как вариант, после всех объеденений css и js файлов можно их сжать в онлайн сервисах и вместо старых подключений указать подключения на сжатые файлы.

#3 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

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

Спасибо большое Вакцина!

#4 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 13 Апрель 2018 - 12:15

Просмотр сообщенияVaccina (13 Апрель 2018 - 04:08) писал:

Здравствуйте.

Кнопки "Сравнить" и "Добавить в избранное" у вас отсутствуют, вы можете удалить JS и CSS код связанный с ними.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:
.cartAdd .add_to_compare_small.inProd{top:80px;}
.add_to_wishlist_small img,.add_to_compare_small img{max-width:25px;max-height:25px;}
.cartAdd .description .add_to_wishlist_small.mustLogin,.cartAdd .description .add_to_wishlist_small.inProd{left:75px;top:80px;}

.prodGlobalWrp .add_to_wishlist_small.mustLogin{left: 55px;top: 65px;}
.nobuy .add_to_wishlist_small.inProd,.nobuy .add_to_wishlist_small.mustLogin{left:45px; top:5px;}
.nobuy .add_to_compare_small.inProd{left:0;top:5px;}


.add_to_compare_small_text,.add_to_wishlist_small_text{display:none;}
.inProd{font-size:25px;display:inline-block;}
.add_to_compare_small.inProd{left:15px;top:65px;}
.add_to_wishlist_small.inProd{left:75px;top:65px;}

.add_to_wishlist_small,.add_to_compare_small,.add_to_cart_small{position:absolute;right:5px;color:#666;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;}
.add_to_cart_small{top:5px;cursor:pointer;}
.add_to_compare_small{top:35px;width:15px;}
.add_to_wishlist_small{top:65px;width:15px;}

.add_to_compare_small.goodsTable{cursor:pointer;position:absolute;right:70px;top:-45px!important;font-size:25px;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
.add_to_compare_small.line{height:0px;color:#ddd;position:absolute;left:140px;top:0;font-size:25px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
.add_to_wishlist_small.mustLogin,.add_to_wishlist_small.goodsTable{position: absolute;cursor:pointer;right: 20px;top: -45px;font-size: 25px;transition: all 0.35s ease;}
.add_to_wishlist_small.line{height:0;color:#ddd;position:absolute;left:180px;top:0px;font-size:25px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}
.prod_hold_recent .add_to_wishlist_small.mustLogin{position: absolute;
cursor: pointer;
right: 6px;
top: 63px;
font-size: 18px;
transition: all 0.35s ease;}
.prod_hold_recent .add_to_cart_small img{max-width:25px;}
.prod_hold_recent .add_to_compare_small img,.prod_hold_recent .add_to_wishlist_small img{max-width:18px;}

далее зайдите в main.js - найдите и удалите:
 $('.add_to_wishlist_small.added,.add_to_compare_small.added').addClass('ftheme-color');
$('.add_to_wishlist_small,.add_to_compare_small').not('.added').removeClass('ftheme-color')


$(document).ready(function(){$('.add_to_compare_small, .add_to_wishlist_small').click(addTo)})


function addTo(){
$('.succAddMessage').remove();
// Объект ссылки, по которой кликнули
var
	 a = $(this)
	 ,addUrl = a.attr('data-action-add-url')
	 ,delUrl = a.attr('data-action-delete-url')
	 ,addTitle = a.attr('data-action-add-title')
	 ,delTitle = a.attr('data-action-delete-title')
	 ,isAdd = a.attr('data-action-is-add')
	 ,aText = a.parent().find('.add_to_wishlist_small_text, .add_to_compare_small_text')
	 requestUrl = a.attr('href')
	 ,msg = a.data('msgtype')
	 ,name = a.data('gname');
	
// Если в ссылке присутствует идентификатор, который мы можем узнать только вытащив его с текущей страницы
if( /GET_GOODS_MOD_ID_FROM_PAGE/.test(requestUrl)) {
	 requestUrl = requestUrl.replace(new RegExp('GET_GOODS_MOD_ID_FROM_PAGE'), $('.goodsDataMainModificationId').val());
}
if(msg == 3){
	 a.parent().after('<div class="succAddMessage red" style="display:none;"><div>Вам необходимо авторизоваться в нашем магазине!</div></div>');
$('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})
}		
// Если есть информация о том какие URL адреса будут изменены, то можено не перегружать страницу и сделать запрос через ajax
if(addUrl && delUrl) {
	 $.ajax({
	 type : "POST",
	 dataType: 'json',
	 cache : false,
	 url : requestUrl,
	 data : {
		 'ajax_q': 1
	 },
	 success: function(data) {
		 if('ok' == data.status) {
		 if(isAdd == 1) {
			 var
			 from = addUrl
			 ,to = delUrl
			 ,newIsAddStatus = 0
			 ,newTitle = delTitle ? delTitle : ''
			 ;	
			 $('.succAddMessage').remove();
			 if(msg == 1){		
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" добавлен в список сравнения</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
			 else if(msg == 2){
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" добавлен в избранное</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
		
			
			
			 a.addClass('added ftheme-color');
		 } else {
			 var
			 from = delUrl
			 ,to = addUrl
			 ,newIsAddStatus = 1
			 ,newTitle = addTitle ? addTitle : ''
			 ;
			 $('.succAddMessage').remove();
			 if(msg == 1){
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" убран из списка сравнения</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
			 else if(msg == 2){
			 a.parent().after('<div class="succAddMessage" style="display:none;"><div>Товар "'+ name +'" убран из избранного</div></div>');
			 $('.succAddMessage').slideDown(200).delay(2000).slideUp(200,function(){$('.succAddMessage').remove()})}
			 a.removeClass('added ftheme-color');
		 }
		
		 // Если указано, что изменилось число товаров на сравнении
		 if(typeof(data.compare_goods_count) != 'undefined') {
			 // Блок информации о том, что есть товары на сравнении
			 var compareBlock = $('.showCompare');
			 // Если на сравнении больше нет товаров
			 if(0 < data.compare_goods_count) {
			 compareBlock.show();
			 // Если на сравнении есть новые товары
			 } else {
			 compareBlock.hide();
			 }
			 // Указываем информацию о новом количестве товаров на сравнении
			 compareBlock.find('.nb_goods').text( data.compare_goods_count + ( typeof(genWordEnd) == 'function' ? ' товар' + genWordEnd(data.compare_goods_count, "", "а", "ов") : '') );
		 }
		
		 // Обновляем ссылку, на которую будет уходить запрос и информацию о ней
		 a.attr('href', a.attr('href').replace(new RegExp(from), to))
			 .attr('title', newTitle)
			 .attr('data-action-is-add', newIsAddStatus);
		
		 // Если рядом с ссылкой в виде круга есть текстовая надпись с описанием действия
		 if(aText.length) {
			 aText.text(aText.attr(isAdd == 1 ? 'data-action-text-delete' : 'data-action-text-add'));
		 }

		 // Если есть функция, которая отображает сообщения пользователю
		
			
		 } else if('error' == data.status) {
		 // Если есть функция, которая отображает сообщения пользователю
		 if(typeof(noty) == "function") {
			 noty({
			 text:data.message
			 ,layout:"center"
			 ,type:"error"
			 ,textAlign:"center"
			 ,easing:"swing"
			 ,animateOpen:{"height":"toggle"}
			 ,animateClose:{"opacity":"hide"}
			 ,speed:"500"
			 ,timeout:"3000"
			 ,closable: false
			 ,modal: false
			 ,dismissQueue: true
			 ,onClose: true
			 ,killer: true
			 });
		 }
		 }
	 }
	 });
	
	 return false;
}
};

Также объедените код из разных css файлов в один, например перенесите код файлов owl.carousel.css, owl.theme.css, owl.transitions.css в main.css.

Еще как вариант, после всех объеденений css и js файлов можно их сжать в онлайн сервисах и вместо старых подключений указать подключения на сжатые файлы.
В блоке "Вы смотрели" остались иконки добавить в избранное как их убрать?

вроде убрал, но блоки какие то неказистые остались в разделе "вы смотрели"

#5 metry

metry

    Активный участник

  • Модераторы
  • 562 сообщений

Отправлено 13 Апрель 2018 - 12:56

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:

.rvGoods .price-old{margin-left:90px;}






Темы с аналогичным тегами js, css, оптимизировать

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

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