How to deal with the lazyloading problem?

[BytePrince]

I am used to write some articles with some pictures.But I found that when I use ![]() to insert some pictures(In order to give me a see-is-what-you-get effect when I write locally),Lazy loading properties will not be automatically generated there.I only use this way of writing {{< figure src="xxxxxxx.jpeg" alt="xxxx" attrlink="xxxxxx" class="align-center" >}}, lazy loading will take effect.
How can I modify the default template so that pictures rendered with ![]() have lazy loading attributes automatically?
Thanks!

[danielfdickinson]

This isn't a final answer, but I have a WIP at https://github.com/danielfdickinson/hugo-dfd-responsive-images that might be of interest.

[adityatelange]

@BytePrince We alrady have lazy-loading enabled everywhere

hugo-PaperMod/layouts/_default/_markup/render-image.html

Line 1 in 386d845

<img loading="lazy" src="{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}" {{ end }} />

and in figure shortcode

hugo-PaperMod/layouts/shortcodes/figure.html

Line 8 in 386d845

<img loading="lazy" src="{{ .Get "src" }}{{- if eq (.Get "align") "center" }}#center{{- end }}"

[BytePrince]

I found that when I use ![]() to insert some pictures(In order to give me a see-is-what-you-get effect when I write locally),Lazy loading properties will not be automatically generated there.
:)

[danielfdickinson]

Have you a custom render-image hook or a really old version of Hugo? Using the stock theme this wont' happen, as pointed out with the code for render-image in the theme.