When All You Can Do Is All or Nothing, Do Nothing - CSS Wizardry

"When all you can do is all or nothing, do nothing. Loading=lazy only helps if applied to elements the user does not yet need, but misapplication can worsen page performance."

"Fetchpriority=high is beneficial only when identifying a single likely candidate among many. Applying it to all contenders adds noise rather than clarity, leading to potential performance issues."

Web performance in design systems requires careful consideration of context. Clients often seek solutions for slow sites, but proactive integration is essential. Design systems must recognize their limitations, especially in dynamic environments. Attributes like loading=lazy and fetchpriority=high can be detrimental if misapplied. These attributes should be used selectively, as they are hints rather than universal solutions. When uncertain, it is better to refrain from applying these optimizations to avoid creating more issues.

Read at Csswizardry