Hi there, just updating to 4.4 and got a question.
I've got a blog post written in markdown with an image near the top of the post. The Astro dev toolbar audit is recommending that I Use the loading="eager" attribute on the image.
Does anyone know how to achieve this in md/mdx?
Thanks in advance 🙏
#Eager image attributes in mdx
empty cobalt
kindred wharf
You would need a remark plugin, since there's no way to pass attributes to images in Markdown's native syntax, unfortunately. This one is great https://www.npmjs.com/package/remark-imgattr
add attributes to remark imgs by adding them inside curly brackets like {}. Latest version: 1.0.3, last published: a month ago. Start using remark-imgattr in your project by running
npm i remark-imgattr. There are no other projects in the npm registry using remark-imgattr.
Cc @heavy copper
empty cobalt
Hey that worked out great, thank you @kindred wharf