Я с вами делаюсь секретиком - загрузка изображений после загрузки 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)
Новые темыОбъявленияСвободное общение
01:01 РСЯ ужесточает приём сайтов? 
23:57 18 декабря 2020 Яндекс ИКС | У вас стал больше? 
22:48 Вопрос гуглил, но ответа не нашел. 
22:48 web-archives и смена имени сайта 
22:47 После перехода на Https сайт отлетел далеко в выдаче яндекс! 
22:47 Как перенести статьи со старого сайта на новый. 
22:46 И опять про "утечку веса" 
16:32 BestChange – обменивать электронную валюту можно быстро и выгодно 
15:56 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
15:10 Продам 2 адалт туба (заруб.) 
14:50 Сервис Автоматического парсинга и постинга ВК 
14:19 Продажа баз доменов на различных эксклюзивных CMS 
14:12 Обмен/Вывод криптовалют и электронных денег в разных странах 
12:31 2 хороших адалт домена 
22:22 Всё же построили коммунизм или что-то там? 
21:18 Ты не вписался в модель нищеброда 
19:17 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
19:03 Leadgid — международная финансовая партнерская CPA сеть 
18:24 С юмором по жизни! 
14:21 Биткоин квест 3 - собери сиды на картине и забери Битконы 
00:08 Пассивный доход с Bitality.cc