Skip to content

Lazy Images: Use srcset instead of src#10054

Merged
ebinnion merged 1 commit intomasterfrom
update/lazy-images-use-base64-placeholder
Aug 29, 2018
Merged

Lazy Images: Use srcset instead of src#10054
ebinnion merged 1 commit intomasterfrom
update/lazy-images-use-base64-placeholder

Conversation

@ebinnion
Copy link
Copy Markdown
Contributor

@ebinnion ebinnion commented Aug 27, 2018

Changes proposed in this Pull Request:

In #8879, a user suggested that we consider using a different approach for lazy images where we would rely on using srcset instead of src. This has the benefit of gracefully degrading better and I anticipate that it'll improve compatibility with plugins that were looking for the image's source.

Testing instructions:

  • Ensure that lazy images module is on
  • Create a post/page with images in it
  • View source on page load and ensure that the placeholder is loaded via the srcset attribute
  • After scrolling down, ensure the image loads properly and the srcset attribute now contains the actual images OR the srcset attribute has been remove in favor of just using src

Proposed changelog entry for your changes:

Update lazy images so that the placeholder is loaded via the srcset attribute instead of the src attribute.

@ebinnion ebinnion added this to the 6.6 milestone Aug 27, 2018
@ebinnion ebinnion self-assigned this Aug 27, 2018
@ebinnion ebinnion requested a review from a team as a code owner August 27, 2018 21:39
@jetpackbot
Copy link
Copy Markdown
Collaborator

That's a great PR description, thank you so much for your effort!

Generated by 🚫 dangerJS

@ebinnion ebinnion force-pushed the update/lazy-images-use-base64-placeholder branch 2 times, most recently from a3784b1 to 88eb26c Compare August 28, 2018 17:23
@ebinnion ebinnion force-pushed the update/lazy-images-use-base64-placeholder branch from 88eb26c to 87ecc74 Compare August 28, 2018 17:29
@ebinnion ebinnion added [Status] Needs Review This PR is ready for review. Enhancement Changes to an existing feature — removing, adding, or changing parts of it and removed [Status] In Progress labels Aug 28, 2018
@eliorivero
Copy link
Copy Markdown
Contributor

captura de pantalla 2018-08-28 a la s 17 30 48

While it's loading through the srcset, I saw a collapsed area in my content before it was filled with the image.

@eliorivero eliorivero added [Status] Ready to Merge Go ahead, you can push that green button! and removed [Status] Needs Review This PR is ready for review. labels Aug 28, 2018
@ebinnion ebinnion merged commit f48c48b into master Aug 29, 2018
@ebinnion ebinnion deleted the update/lazy-images-use-base64-placeholder branch August 29, 2018 14:45
@ghost ghost removed the [Status] Ready to Merge Go ahead, you can push that green button! label Aug 29, 2018
ebinnion added a commit that referenced this pull request Aug 30, 2018
oskosk pushed a commit that referenced this pull request Sep 1, 2018
…uble processed (#10078)

* Lazy Images: Fix issue introduced in #10054 where some images were double processed

* add space
jeherve added a commit that referenced this pull request Sep 24, 2018
jeherve added a commit that referenced this pull request Sep 25, 2018
* Readme: add boilerplate for next release, 6.6

* Add 6.5 to the changelog.txt file

* Set boilerplate testing list for 6.6

* Readme: update stable tag to 6.5

* Add bullets to 6.5 changelog items

* Readme: add link to previous changelogs

This will help folks who want to know more about past releases,
while keeping the readme.txt short so as to not overwhelm translators and site owners only looking for information about the last release.

* Changelog: add information at the top of the changelog file.

* Changelog: add #10054

* Changelog: add #10078

* Changelog: add #10079

* Changelog: add #10064

* Changelog: add #10094

* Changelog: add #10096

* Testing list: add more information based on #10087

* Changelog: add #9847

* Changelog: add #10084

* Changelog: add #9918

* Changelog: add #7614

* Changelog: add #10116

* Changelog: add #10108

* Changelog: add #10041

* Changelog: add #10121

* Changelog: add #10134

* Changelog: add #10130

* Changelog: add #10109

* changelog: add #10137

* changelog: add #9952

* changelog: add #10120

* changelog: add #10162

* Changelog: add #10163

* Changelog: add #10092

* changelog: add #10156

* Changelog: add #10154

* changelog: add #10122

* Changelog: add #10101

* changelog: add #10105

* changelog: add #10190

* Changelog: add #10196

* changelog: add #10152

* Changelog: add #10153

* Testing list: add more details to Site Verification testing steps.

@see #10143 (comment)

* changelog: add #10194

* Changelog: add #10193
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Enhancement Changes to an existing feature — removing, adding, or changing parts of it [Feature] Lazy Images

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants