WordPress.org

Making WordPress.org

Opened 5 weeks ago

Last modified 3 weeks ago

#5190 new defect

Plugin images/screenshots should be lazy-loaded

Reported by: jonoaldersonwp Owned by:
Milestone: Priority: normal
Component: Plugin Directory Keywords: seo performance
Cc:

Description

Plugin images/screenshots (those in the 'Screenshots' section on pages like https://wordpress.org/plugins/google-language-translator/) load slowly and inefficiently (and often unnecessarily), causing delays in page loads and speeds.

To combat this, a loading="lazy" attribute should be added to the respective <img> tags.

Attachments (1)

5190.diff (3.2 KB) - added by dd32 4 weeks ago.

Download all attachments as: .zip

Change History (5)

#1 @jonoaldersonwp
5 weeks ago

  • Component changed from General to Plugin Directory

@dd32
4 weeks ago

#2 follow-up: @dd32
4 weeks ago

5190.diff is where I got here, for some reason I can't get React to actually render the loading="lazy" attribute.

#3 in reply to: ↑ 2 @dd32
3 weeks ago

Replying to dd32:

5190.diff is where I got here, for some reason I can't get React to actually render the loading="lazy" attribute.

Turns out React doesn't support custom HTML attributes until React 16, so in order to add that we'll need to upgrade first - which is likely to raise deprecation warnings from other relied upon components.

#4 @jonoaldersonwp
3 weeks ago

Ouch. Want a separate ticket for that?

Note: See TracTickets for help on using tickets.