Что за привычка переспрашивать очевидные вещи? - Веб-строительство

Можно ли как-то анимировать ленивую загрузку изображений - loading="lazy" в WordPress?

Dmitriy_2014 · 2022-12-02T21:28:51.0000000Z

Всем привет! В WordPress по дефолту есть ленивая загрузка изображений, а можно ли её как-то по-простецки анимировать чтобы изображение не бах и появилось, а как-то плавненько, может через transition свойства или ещё как ни будь, но, чтобы это просто сделать. Заранее спасибо за ответы!

437

totamon

4 декабря 2022, 07:48

#11

Dmitriy_2014 #:
Я так понял, что при таком раскладе если троянский JavaScript будет отключен

что за привычка переспрашивать очевидные вещи?😂

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget

A3

30

az3

4 декабря 2022, 09:07

#12

webinfo #:

Например, для того, чтобы не наблюдать половинки картинок. И вообще для красоты.

Dmitriy_2014 #:
Ну для того чтобы, когда картинки еще подгружаются это, не выглядело так как будто бы, происходят какие-то глюки и лаги на сайте, а хоть как-то сгладить этот эффект, хотя мне эта идеология не нравиться, по мне лучше бы все сразу загрузилось, но тенденции и типа оптимизация.

Оставить lazy load только для изображений за пределами видимой области. После рендеринга страницы подзагрузка изображений при прокрутке происходит гораздо быстрее, практически незаметно.

1

344

Dmitriy_2014

4 декабря 2022, 13:25

#13

totamon #:
что за привычка переспрашивать очевидные вещи?😂

Да все просто – для меня JS и веб — это скорее random, чем очевидные вещи, поэтому и постоянно спрашиваю одно и тоже и то что должно работать так как есть, а на деле оно то не работает, то работает не так.

mim.com.ua опять не работает? Переход с сайта factorial-eval.s3.yandex.net Спамилка по форумам

344

Dmitriy_2014

4 декабря 2022, 13:25

#14

az3 #:
Оставить lazy load только для изображений за пределами видимой области. После рендеринга страницы подзагрузка изображений при прокрутке происходит гораздо быстрее, практически незаметно.

Тут такая проблема, движок WP по дефолту делает lazy load, и как это реализовано я честно говоря не знаю, но при появлении первого видимого экрана как раз проблем нет, а вот когда скролишь быстро вниз и инет не быстрый то вместо картинок дыры и со временем они подгружаются, так что – практически незаметно – бывает заметно.

Ленивая загрузка изображений lazy Почему WordPress поменял loading=lazy Обновление Wordpress 5.5

344

Dmitriy_2014

4 декабря 2022, 13:25

#15

Ладно я думал может есть способ именно момент подгрузки картинки как-то заанимировать чтобы она хоть красиво появлялась, но видимо нет или это нафиг никому не нужно, фишка с установкой по дефолту всех картинок прозрачными или скрывать их, а потом с помощью скрипта проявлять их, или еще что-то с ними делать не очень.

Подгрузка картинок на сайте Скрыть номер от поисковиков Как ПС относится к

W1

306

webinfo

4 декабря 2022, 13:32

#16

Dmitriy_2014 #:
я так понял, что все мои картинки останутся полностью прозрачными или невидимыми

Правильно понял. Но без JS эту задачу не решишь.

Мой форум - https://webinfo.guru –Там я всегда на связи

344

Dmitriy_2014

4 декабря 2022, 13:37

#17

webinfo #:

Правильно понял. Но без JS эту задачу не решишь.

Тогда я, наверное, забью на это, может браузеры в будущем сами эффекты сделают хотя бы в виде fadeout’а какого ни будь.

437

totamon

4 декабря 2022, 14:02

#18

Dmitriy_2014 #:
фишка с установкой по дефолту всех картинок прозрачными или скрывать их, а потом с помощью скрипта проявлять их, или еще что-то с ними делать не очень.

дак в этом и состоит смысл анимации🤔 так и запишем, значит идея анимировать ленивую загрузку "не очень"))

237

D.iK.iJ

5 декабря 2022, 17:09

#19

Погуглил. Вот тут предлагают показывать вместо изображения средний цвет: https://manu.ninja/dominant-colors-for-lazy-loading-images/

Dominant Colors for Lazy-Loading Images | manu.ninja

2016.03.09
manu.ninja

Pinterest, Google Images and lots of image-heavy sites lazy-load their content. They also calculate the dominant color of each image to use as a placeholder. This post presents a few methods to do the same and helps you understand the GIF file format to make the most of data URIs. The basic concept is to use a tiny as attribute and replace it...

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

263

Shelton724

5 декабря 2022, 17:25

#20

D.iK.iJ #:
Погуглил. Вот тут предлагают показывать вместо изображения средний цвет

ну, кстати, неплохой вариант чисто с эстетической точки зрения, но вот его эффект на реальное SEO - сомнителен, если не сказать больше - непредсказуем.

Маркетинг для шоколадной фабрики. На 34% выше средний чек

Open AI тестирует память для ChatGPT

Можно ли как-то анимировать ленивую загрузку изображений - loading="lazy" в WordPress?