Я с вами делаюсь секретиком - загрузка изображений после загрузки 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)
Новые темыОбъявленияСвободное общение
19:54 Апдейт Яндекс выдача 25.09.2022 
19:46 Версия РНР 
13:07 Появились стране ссылки в ЯВ 
09:32 Поиск Яндекса для программистов стал точнее 
11:00 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:14 Adtrafico - Правильная партнёрская сеть под бурж трафик 
14:44 MyBid - Мы конвертируем наш трафик в ваши лиды! 
14:34 Продвижение в Яндексе ЗА 2 НЕДЕЛИ! 
10:28 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые 
22:45 Продам 3 сайта + хостинг с рефералами 
21:31 Cosmochanger.cc - Самый реактивный обменник. Быстрый и безопасный способ обменять более 20 популярных криптовалют 
22:35 [Telegram +] Рассылка в ЛС/По чатам, Инвайтинг! В Телеграм 
22:34 [Вконтакте +] Массовые рассылки в ЛС/В сообщения группам. Сбор аудитории без доплат 
22:33 [Email, Phone, Data...] Парсинг, сбор данных с любых сайтов 
19:56 Стряхнуть обыденность - об Агасфере 
19:52 Российский производитель серверов и СХД увеличит их выпуск в 3 раза 
19:51 С юмором по жизни! 
19:49 Куда делся дефицит чипов? Производители микросхем жалуются на переполненные склады 
18:28 Россиянин в прямом эфире сжигает газ на глазах Европы 
15:16 На каких ресурсах есть кинохроника, которая вызывает доверие? 
23:15 Наши машинки