сейчас гляну

по поводу обычного loading: lazy это мне понятно
а у data-loading такая же функция, что и у loading?

Смотря что тебе по итогу нужно

lazy загрузка изображений — это не встроенная в браузер функция. Ты подключаешь какую-то js библиотеку для этого. И у этой js библиотеки есть свои требования к тому, какие атрибуты крепить к img тегам на странице

У echo.js это data-echo. У твой библиотеки могут быть другие требования

я читал, что эта функция уже добавлена в браузеры

по крайней мере, в хром

ну у меня стоит задача добавить атрибут loading со значением lazy ко всем изображениям и всё)

но я так понимаю, что можно и без хелпера обойтись

нет, всё, я понял свою ошибку, даже если через хелпер делать -- нет логической связи в коде

Оставлю здесь ссылку на полезные новости и статьи из мира Ruby: http://www.rubyflow.com

Я предполагаю что должно работать вот так: на бекенде в тег img src прописываем или маленькое заблюреное изображение или рыбу. В data атрибут - путь до реального изображения. Дальше на фронте выбираем все изображения и подписываем на событие появления в области видимости. Ключевое слово (Intersection Observer или waypoint.js). Когда срабатывает событие, берём данные из data атрибута и прописываем в src.

Не, там реально нативная поддержка есть, в последнем хроме. img loading='lazy' и всё

Для галерей наверное неплохой вариант быстро снять нагрузку на сервер. Мне лично больше нравится когда фото из блюра подгружается в реальное.

Для этого вроде тоже есть атрибут какой-то

Либо я путаю что-то

Это наверное только amp может. Блюр то ему откуда-то надо брать

а, да, тоже верно

но я уже решил эту проблему, мне пока блюр не нужен, только lazy load

сейчас у меня не работает вебпакер
выдаёт следующее:

ActionView::Template::Error (Webpacker can't find application in /Users/derek/eon/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
  unless you are using the webpack -w or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.
Your manifest contains:
// мой манифест