Lazy loading in blog post content

Develop, Build & Integrate CMS Development
1

Hello!
I’m creating a blog, in which posts are based around high-quality pictures. Currently, I’ve implemented native lazy loading within all img tags. For example, below is I display a featured post image:

<img loading="lazy" class="post-body__featured-image" src="{{ content.featured_image }}" alt="{{ content.featured_image_alt_text }}" />

I’m using Google’s PageSpeed to measure my site’s performance and currently image lazy loading is still number one suggestion to speed up page loading because there’s plenty of images inside a blog post. Is there a way to add lazy loading to those images as well?
Example blog post: Tajlandia Największe Turystyczne Atrakcje W Tajlandii - Twoje przygody na całym świecie
PageSpeed for example page: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fadventure.travelduck.pl%2Ftajlandia-najwieksze-turystyczne-atrakcje-w-tajlandii

2

Okay, I’ve figured it out.

{{ content.post_body|replace('<img', '<img loading="lazy"') }}

3

Thank you for sharing your solution @Xenor!