Dixx 58 Posted October 4, 2015 Report Share Posted October 4, 2015 на одном из сайтов установлена тема Novomag, очень нравится но есть одно НО. Картинки в новостях появляются плавно по мере прокрутки страницы в низ, может это кому то нравится, мне нет. В настройках самой темы этот эффект отключить нельзя, а коде не могу найти. Может кто нибудь работал с этой темой и подскажет где код править? Link to post Share on other sites
amigo 128 Posted October 4, 2015 Report Share Posted October 4, 2015 Ссылку на сайт в личку, помогу. Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 вот демка, откройте ссылку и прокрутите резко вниз, увидите как в превьюшках, подвале и сайдбаре картинки появляются с задержкой http://novomag.orange-themes.com/category/fashion/ Link to post Share on other sites
Модератор files 2843 Posted October 4, 2015 Модератор Report Share Posted October 4, 2015 Картинки в новостях появляются плавно по мере прокрутки страницы в низ, может это кому то нравится, мне нет. Картинки загружаются по мере загрузки страницы. Это сделано не для красоты. А для скорости! diplomdistant 1 Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 Возможно, но если бы это очень сильно влияло бы на скорость, все бы сайты так делали, но я вижу подобный эффект на чужих сайтах крайне редко. Link to post Share on other sites
amigo 128 Posted October 4, 2015 Report Share Posted October 4, 2015 Если сделать загрузку фотографий до загрузки сайта (страницы), то на скорость это очень даже сильно по влияет. Пользователи будут видеть белую страницу пока все фотографии и стили не подгрузятся, а это как минимум 5 секунд. Link to post Share on other sites
amigo 128 Posted October 4, 2015 Report Share Posted October 4, 2015 Просто видимо много весят фотографии. Обрезайте их до минимума и кэшируйте. Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 Ну на других же сайтах этого нет и всё грузится нормально. Вот взял несколько примеров из выдачи. Открываем сайт и крутим вниз, все картинки загружены сразу и ничего не тормозит, да ещё и картинок больше десятка и нормальная скороть загрузки страницы. http://diz-cafe.com/postroiki/tualet-na-dache-svoimi-rukami.html http://strport.ru/uchastok/dachnyi-tualet-svoimi-rukami-kak-sdelat-tualet-na-dache-instruktsiya Link to post Share on other sites
amigo 128 Posted October 4, 2015 Report Share Posted October 4, 2015 Вв сайт свой где держите? Возможно еще и сервер слабоват? Link to post Share on other sites
Модератор files 2843 Posted October 4, 2015 Модератор Report Share Posted October 4, 2015 это реализовано на js. Переименуйте папку с скриптами - чтобы удостовериться, потом методом тыка найдите нужный js файл и отключите его. Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 рег.ру, другие сайты с другими темами нормально работают, это именно фишка данной темы. Link to post Share on other sites
shaman22 9 Posted October 4, 2015 Report Share Posted October 4, 2015 Да может просто в настройках подобный эффект устанавливается, кстати где можно скачать эту тему? Link to post Share on other sites
amigo 128 Posted October 4, 2015 Report Share Posted October 4, 2015 Если это такой скрипт, то с файрфокса смотрите. Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 это реализовано на js. Переименуйте папку с скриптами - чтобы удостовериться, потом методом тыка найдите нужный js файл и отключите его. Переименование ничего не дало, таж же грузятся с задержкой. Да может просто в настройках подобный эффект устанавливается, кстати где можно скачать эту тему? В том то и дело что в настройках не отключается. https://yadi.sk/d/ouzuhaxVjWCNN shaman22 and Kufi 2 Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 Переименование ничего не дало, таж же грузятся с задержкой. Хотя дало, обновил через ф5. Ну тепрь направление поиска известно) Link to post Share on other sites
amigo 128 Posted October 4, 2015 Report Share Posted October 4, 2015 Ctrl+F5 нужно нажимать. Link to post Share on other sites
VIP campusboy 912 Posted October 4, 2015 VIP Report Share Posted October 4, 2015 За это отвечает предположительно скрипт jquery.infinitescroll.min.js animate({opacity:1} Просто все картинки при загрузке, которые не попали в видимую область экрана имеют полную прозрачность, а те, которые попали в видимую область - не имеют прозрачности. Вот и всё, потому на скорость загрузки страницы убирание этого скрипта только положительно повлияет. Link to post Share on other sites
VIP campusboy 912 Posted October 4, 2015 VIP Report Share Posted October 4, 2015 Хотя нет, другой скрипт, под именем theme-scripts.js. Вот код: jQuery(window).ready(function() { jQuery('img').each( function(i){ var bottom_of_object = jQuery(this).offset().top + jQuery(this).outerHeight(); var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height() + 200; if( bottom_of_window <= bottom_of_object ){ jQuery(this).css("opacity", "0"); } }); jQuery(window).scroll( function(){ jQuery('img').each( function(i){ var bottom_of_object = jQuery(this).offset().top + jQuery(this).outerHeight(); var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height() + 200; if( bottom_of_window > bottom_of_object ){ jQuery(this).animate( {'opacity':'1'}, 500 ); } }); }); Я думаю, именно он изначально всем картинкам добавляет свойство opacity с нулевым значением (это видно в инспекторе): И также следит, что когда картинка попадает в видимую область экрана, сменяет ноль на единицу, только плавно. Griffin 1 Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 Хотя нет, другой скрипт, под именем theme-scripts.js. Вот код: да, переименовал этот файлик и всё получилось. Link to post Share on other sites
VIP campusboy 912 Posted October 4, 2015 VIP Report Share Posted October 4, 2015 да, переименовал этот файлик и всё получилось. Вам нужно удалить только вот эту часть кода, остальной код скорее всего ещё используется где-то в другом месте сайта: jQuery('img').each( function(i){ var bottom_of_object = jQuery(this).offset().top + jQuery(this).outerHeight(); var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height() + 200; if( bottom_of_window <= bottom_of_object ){ jQuery(this).css("opacity", "0"); } }); jQuery(window).scroll( function(){ jQuery('img').each( function(i){ var bottom_of_object = jQuery(this).offset().top + jQuery(this).outerHeight(); var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height() + 200; if( bottom_of_window > bottom_of_object ){ jQuery(this).animate( {'opacity':'1'}, 500 ); } }); }); Link to post Share on other sites
amigo 128 Posted October 4, 2015 Report Share Posted October 4, 2015 Да, удали этот кусок и переименуйте обратно. Link to post Share on other sites
Kufi 127 Posted October 4, 2015 Report Share Posted October 4, 2015 За это отвечает предположительно скрипт jquery.infinitescroll.min.js animate({opacity:1} Просто все картинки при загрузке, которые не попали в видимую область экрана имеют полную прозрачность, а те, которые попали в видимую область - не имеют прозрачности. Вот и всё, потому на скорость загрузки страницы убирание этого скрипта только положительно повлияет. При наличие этого скрипта действительно отрицательно влияет на загрузку страницы? Link to post Share on other sites
Dixx 58 Posted October 4, 2015 Author Report Share Posted October 4, 2015 Удалил, всё получилось. побегал по сайту ничего не сломалось) Спасибо Вам и всем кто откликнулся. Link to post Share on other sites
VIP campusboy 912 Posted October 4, 2015 VIP Report Share Posted October 4, 2015 При наличие этого скрипта действительно отрицательно влияет на загрузку страницы? Удаляется лишь часть кода, которая сама по себе очень мало занимает Kb, то есть физически страница будет загружаться практически также. Но после Загрузки всей страницы Джиквери проходится по DOM-дереву, находит все картинки и добавляет opacity, То есть отрисовка страницы замедляется из-за этого, нагружается процессор вдобавок (насколько, не замерял). Это моё мнение. Griffin, Dixx and Kufi 3 Link to post Share on other sites
Kufi 127 Posted October 4, 2015 Report Share Posted October 4, 2015 Удаляется лишь часть кода, которая сама по себе очень мало занимает Kb, то есть физически страница будет загружаться практически также. Но после Загрузки всей страницы Джиквери проходится по DOM-дереву, находит все картинки и добавляет opacity, То есть отрисовка страницы замедляется из-за этого. Понял. Спасибо Link to post Share on other sites
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now