Hi team & community! This is my 1st topic release on 2022 and thus wanted it to be humbly epic.
We have mobile 1st indexing on top of Google crawling for ages now, it is time for native lazy loading by value setting. We need loading="eager"
.
I found this thread from Mirco ( @mircotripoczky) Image lazy load options and despite we already have loading="lazy"
in our source codes, the need for those fine-setting fields is important and to be met.
Letting this native lazy loading on its own can cause problems for UX, functionality expectations and boldly for SEO.
Extending Mirco’s scope (IMG elements and iframes), I would remark ANY no CSS image. PRO allows to use IMG elements as background and this is amazing BUT lazy loaded above the fold.
In example:
<div class="x-bg"> <div class="x-bg-layer-lower-img">IMG element acting like a SEO relevant background with loading="lazy" and style="object-fit: cover; object-position: left;"></div></div>
For a maximum comprehension of how important this has become, please refer to
Google also stresses about the importance of proper use of native lazy loading.
Even if you get an above-the-fold image indexed, loading it eagerly (properly) will deliver higher SERP rankings at some degree.
Find live example from depicted code here. If you happen to browse notice you get different background by desktop/mobile viewport.
Please raise this kind reminder about the topic to implementation request. If we are lucky and this is already on schedule, please share release dates if possible or a “coming soon” answer.
Thank you very much for your attention.