WordPress.org

Making WordPress.org

Opened 12 months ago

Last modified 4 months ago

#5190 new defect

Plugin images/screenshots should be lazy-loaded

Reported by: jonoaldersonwp Owned by:
Milestone: Priority: high
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 12 months ago.

Download all attachments as: .zip

Change History (6)

#1 @jonoaldersonwp
12 months ago

  • Component changed from General to Plugin Directory

@dd32
12 months ago

#2 follow-up: @dd32
12 months 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
12 months 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
12 months ago

Ouch. Want a separate ticket for that?

#5 @jonoaldersonwp
4 months ago

  • Priority changed from normal to high
Note: See TracTickets for help on using tickets.