Добавить ленивую загрузку для эмодзи

Изображения профиля и элементы изображений в сообщениях загружаются лениво благодаря атрибуту loading="lazy".
С эмодзи этого не происходит. :sloth:

<img src="https://emoji.discourse-cdn.com/twitter/sloth.png?v=12" title=":sloth:" class="emoji" alt=":sloth:">

Мне не удалось найти в исходном коде место, где генерируются теги эмодзи.
Эмодзи «впечатаются» прямо в сообщения?

Не могли бы вы подробнее объяснить, почему вы использовали жестко заданные ширину и высоту? Почему наше CSS-решение здесь недостаточно хорошо?

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

Кроме того, браузеры используют эту дополнительную информацию о размере изображения для расчёта aspect-ratio ещё до загрузки файла изображения и до парсинга CSS.

В данном случае эмодзи используются во многих разных местах, и иногда определение размеров через CSS может быть случайно упущено.
Например, посмотрите crawler view этой же темы на PageSpeed

Понятно, то есть браузер использует это для определения соотношения сторон, что дает людям больше гибкости при работе с CSS (и ограничивает блокировку вокруг CSS). Мне кажется, это хорошо, хотя наш HTML становится немного более многословным.

Этот PR теперь слит, спасибо за вклад @rrit!