Я с вами делаюсь секретиком - загрузка изображений после загрузки 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)
Новые темыОбъявленияСвободное общение
14:56 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
14:37 Как настроить robots.txt и sitemap, чтобы страницы нормально заходили в индекс 
14:00 Ninja Forms дырявый - можно залить файл без авторизации и получить доступ к сайту 
13:57 Куки теперь как бэкдор - через cookie можно управлять сайтом и не палиться 
13:48 Ап выдачи Яндекса 8 апреля - есть движение, но интереснее что творится с AI-ответами Google 
12:41 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 
12:30 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода? 
10:35 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков 
10:30 BestChange – обменивать электронную валюту можно быстро и выгодно 
10:21 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси! 
09:03 Администратор сайта WordPress + контент-менеджер. Недорого. 
08:40 Swapwatch.org — Мониторинг криптовалютных обменников 
23:47 Volna.money 
23:46 GoodsMoney.io 
15:29 арбитражники 
14:18 "Вымпелком" предложил белые списки для части абонентов - выборочный интернет вместо полного доступа 
14:06 С юмором по жизни! 
14:04 Список обновленных тем пуст... 
14:00 А вы бегаете? 
10:18 Добро пожаловать в цифровой мир... 
06:20 Огородники