Я с вами делаюсь секретиком - загрузка изображений после загрузки DOM
Страницы: 1
Я с вами делаюсь секретиком - загрузка изображений после загрузки DOM
Короче пацаны. Я вчера на сайт загрузил такой много картинок (300 штук) весом общим 50 мб. Ужас, Google Speed ругался. Из-за картинок карта загружалась медленно особенно в телефоне. Но я нашёл выход. Выход есть!

Код
<!-- Не забываем подключить jQuery -->
<script type="text/javascript" src="jquery.js"></script>
 
<!-- БЛОК с картинками, 
вместо "src" пишем "class", поэтому картинка не загружается -->
<div id="images-blok">
   <div><img class="1.jpg" /></div>
   <div><img class="2.jpg" /></div>
   <div><img class="3.jpg" /></div>               
</div>
 
<script type="text/javascript">
// Функция которая 
//заменяет class на src во всех img в блоке с айдишником images-blok
$(function() {
var changeAttr = function(){
$("#images-blok div img[class]").each(function(){
$(this).attr("src",$(this).attr("class")).removeAttr("class");
})
} 
 
// Вызов функции замены значений через 5 секунд, после загрузки страницы
setTimeout(function(){
changeAttr()},
5000);
}) 
</script>


И всё Google Speed больше не ругается. Карта загружается быстро.
У меня так:

Рисунок


Сайт на Wordpress. Скорость 99%. 100% не получиться, так как метрика грузить и забирает 1%

Бесплатная контекстная реклама

Метрику так же ано. можно убить, но не суть.
Lazy img Вам в помощь.А делать такие вещи через таймаут - костыльно.
Цитата
Web Guru пишет:
Я с вами делаюсь секретиком
Все эти свистопляски ничего не меняют, трафика не прибавят 100% smile:D
Тут один человек глаголил одну истину, но какую? Я вам не скажу smile:sarc:

Для самоуспокоения, можете заняться этой лабудой (не путать с известной певицей) smile;)
Почему завистники всегда чем-то огорчены? Потому что их снедают не только собственные неудачи, но и успехи других.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
16:09 Adtrafico - Правильная партнёрская сеть под бурж трафик 
12:31 Лендинг и СЕО 
12:14 Реклама между постами в вордпресс. 
11:52 Яндекс Турбо страницы - хорошо или плохо? Может их отключить? 
11:50 29 мая 2020 Степень изменения выдачи: 15.9% | Нужен ли спорт, физкультура вебмастеру и другим труженикам онлайн? 
11:40 ActiveBot - новый способ раскрутить ВК группу 
08:34 Kokos.click - народная тизерная сеть! 
16:07 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
16:02 Заработок 10$ за 3 часа на партнерке Курс Експерт - Мой кейс 
15:12 Profit-smm.ru - раскрутка в Vk/Inst/Yt/Tg. Подписчики от 11.5р, лайки от 2.4р 
15:06 По настоящему, комплексное продвижение сайтов 
12:43 Размещу 30001 ссылку на Ваш сайт с профилей + Бонус 
11:16 BestChange – обменивать электронную валюту можно быстро и выгодно 
10:36 Обменник криптовалют WekSell 
10:03 Послабления карантина 
10:01 "Русский менталитет" 
10:00 Онлайн покупка 
01:30 Массовая вакцинация россиян от коронавируса 
20:16 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
09:30 С юмором по жизни! 
23:12 "Связной" ожил!