Ленивая загрузка изображений на сайте и SEO.

12
A2
На сайте с 25.11.2020
Offline
22
302

 Есть сайт со статьями и картинками. По умолчанию так. Заходишь на сайт и загружаются все картинки одновременно. А можно сделать так. К тегу img добавить скрипт ленивой загрузки и тогда, когда ты заходишь на сайт, то загружаются только те картинки, которые находятся в поле зрения пользователя, а остальные не загружаются. Они загрузиться тогда, когда пользователь будет опускаться вниз браузера. Но, когда я посмотрел исходный код такой страницы, то он мне не понравился. Как относиться Яндекс и Google к странице, где осуществляется ленивая загрузка изображений?

X
На сайте с 04.12.2018
Offline
211
#1
Отлично относится. 
Удобный съем позиций (http://allpositions.ru/redirect/58277)
LEOnidUKG
На сайте с 25.11.2006
Offline
1591
#2

Ну смотря как вы её делаете. По сути если стандартные data-src то все ПС это понимают. 

Также можно использовать нативный loading="lazy" тогда не нужно src вообще менять. Но это применимо только если есть высота у картинки точная. По другому Хром не умеет работать, хотя тот же FF отлично справляется.

✅ Трастовых площадок под размещение статей и ссылок. Опыт 12 лет! ( https://searchengines.guru/ru/forum/675690 ) ⭐ Купить вечные трастовые ссылки для сайта ( https://getmanylinks.ru/?srh ) ⭐ Ускорение ваших сайтов (WP, Opencart и др.) + Настройка сервера ( https://searchengines.guru/ru/forum/997205 )
maximka77
На сайте с 15.10.2011
Offline
195
#3
Если не криво буде сделано - то все будет норм. Для разных движков есть всякие модули/плагины. Не все супер, но некоторые очень хорошо справляются. Отзывы читайте если что.
- Ваш платежный брокер в Европе ( https://ecommerce-broker.com/ ) - Mnogo-Kreditov.ru – финансовый портал ( https://mnogo-kreditov.ru/ ) - Интернет-магазин мебели, освещения и электроники ( https://comfortium.ru/ )
A2
На сайте с 25.11.2020
Offline
22
#4
У меня водпресс. Я поставил плагин у которого более миллиона скачиваний. Просматриваю исходный код страницы и вижу следующую конструкцию по картинкам:

<img alt="текст" data-src="/wp-content/uploads/name.png" class="img-fluid lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

Да, плагин работает правильно. Картинки загружаются только тогда, когда область браузера в поле зрения. Но меня смущает исходный код. В исходном коде картинки не кликабельны, а также их не видет Google Spead (который скорость сайта определяет).
Vladimir
На сайте с 07.06.2004
Offline
380
#5
Athens-2021 #: а также их не видет Google Spead (который скорость сайта определяет).

Он и не должен их видеть, так как картинки не загружаются

Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )
[Удален]
#6
Athens-2021 #:

<img alt="текст" data-src="/wp-content/uploads/name.png" class="img-fluid lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

Да, плагин работает правильно. Картинки загружаются только тогда, когда область браузера в поле зрения. Но меня смущает исходный код. В исходном коде картинки не кликабельны, а также их не видет Google Spead (который скорость сайта определяет).


Назовите плагин, пожалуйста. Гляну, интересно.

Судя по тому, что вы написали, картинка сохранена в base64, т.е., вероятно, в базе данных. Я на heroku так поступаю, где виртуальная файловая система и изменить без гита я могу только db, но не содержание дерева каталогов. В мире веб-разработки, сколько могу судить,  хранение и использование изображений, сохраненных в base64 - штука обычная и вполне норм, если только проект не самый highload. 

Но вот только с ленивой загрузкой это никак не связано. Одно не следует из другого, ничто не мешает lazy загружать изображения, сохраненные на сервере обычным порядком. Нет ли там какого-нибудь переключателя, в этом плагине, чтобы обходиться без base64?

B
На сайте с 27.05.2018
Offline
52
#7
По умолчанию wp не хватает ленивой? 
Cuys
На сайте с 05.12.2016
Offline
115
#8
Ну вот кстати в тему вопрос и ответ. Месяца 3 назад был запуск одного проекта, где как раз поставил такую загрузку. Буквально вчера делал анализ - в Я/Г поисковиках полёт нормальный, но самое интересное что например в bing.com сайт вообще не индексируется, хотя если без такой загрузки делать, всё идеально и трафик идет. Проверю на других поисковиках - но что-то от такой темы не очень если честно.
🔴 Твоя реклама на 3000 сайтах за 70 рублей ( https://cuys.ru/platnaya-reklama/ )                                                                                                                                                                                                                                                                                                                                                                                                                   ⭐⭐⭐⭐⭐ [NEW]       🔵 Рабочая схема продвижения █▬█ █ ▀█▀ до сих пор в ТОПе ( https://gexr.ru/news.php?id=10 )                                                                                                                                                                                                                                                                                                                                                               ░▒▓█ █▒▓░
Delysid
На сайте с 27.05.2019
Offline
88
#9
Cuys #:
но самое интересное что например в bing.com сайт вообще не индексируется,

Что то неправильно, стоит такая загрузка и бинг индексирует и другие...

A2
На сайте с 25.11.2020
Offline
22
#10
keepersheet #:


Назовите плагин, пожалуйста. Гляну, интересно.

Судя по тому, что вы написали, картинка сохранена в base64, т.е., вероятно, в базе данных. Я на heroku так поступаю, где виртуальная файловая система и изменить без гита я могу только db, но не содержание дерева каталогов. В мире веб-разработки, сколько могу судить,  хранение и использование изображений, сохраненных в base64 - штука обычная и вполне норм, если только проект не самый highload. 

Но вот только с ленивой загрузкой это никак не связано. Одно не следует из другого, ничто не мешает lazy загружать изображения, сохраненные на сервере обычным порядком. Нет ли там какого-нибудь переключателя, в этом плагине, чтобы обходиться без base64?

Плагин называется так. Смотри картинку

jpg tmp-cam-5941324370707017567.jpg
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий