Skip to content

Add native lazy loading images to website components (partials and includes)

Lauren Barker requested to merge 8427-investigate-deferring-the-load-of-below-the-fold-images-in-marketing-site-3 into master

Why is this change being made?

This change adds the native lazy loading technique to the following pages:

https://about.gitlab.com

https://about.gitlab.com/devops-tools/

https://about.gitlab.com/stages-devops-lifecycle/

https://about.gitlab.com/releases/2020/07/22/gitlab-13-2-released/ (release posts)

https://about.gitlab.com/partners/

https://about.gitlab.com/resellers/

https://about.gitlab.com/analysts/

Native lazy loading will speed up the loading page time of these pages. Read more about native lazy loading here: https://web.dev/native-lazy-loading/

Author Checklist

  • Provided a concise title for the MR
  • Added a description to this MR explaining the reasons for the proposed change, per [say-why-not-just-what][transparency]
  • Assign this change to the correct DRI
    • If the DRI for the page/s being updated isn’t immediately clear, then assign it to your manager.
    • If your manager does not have merge rights, please ask someone to merge it AFTER it has been approved by your manager in [#mr-buddies][mr-buddies-slack].
    • If the changes relate to any part of the project other than updates to content and/or data files please make sure to ping @gl-static-site-editor in a comment for a review and merge. For example changes to .gitlab-ci.yml, JavaScript/CSS/Ruby code or the layout files.

Closes #8427 (closed)

Edited by Brandon Lyon

Merge request reports