Я с вами делаюсь секретиком - загрузка изображений после загрузки 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)
Новые темыОбъявленияСвободное общение
10:59 С чего сейчас проще начать? 
08:21 Продвижение-2022: Гугл все? Нет – Гугл не все! 
08:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 
18:58 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
18:49 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 
13:09 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода? 
12:47 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
11:13 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 
09:40 Swapwatch.org — Мониторинг криптовалютных обменников 
08:45 swapsfera.com 
20:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
19:58 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 
14:11 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
09:40 Вериф аккаунты АВИТО + платежи 
09:46 молодильные яблоки и живая вода 
08:12 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 
06:50 Ставки на супер тренды в спорте 
18:19 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
18:49 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
17:05 Огородники