A few days ago, we added image lazyload on articles images to improve page speed performance. However, it has a harmful impact on customizations. We reverted the change, but we still want to deploy this change.
Now, we added both src and data-src.
On 27. 7. 8. 8., we remove src and re-enable lazyload.
Here is the change:
Now:
<div class="image">
<a href="/blog/kdyby-pod-balonky-nebyla-syte-zelenkava-trava/" title="Kdyby pod balónky nebyla sytě zelenkavá tráva">
<img src="https://cdn.myshoptet.com/usr/classic.shoptet.cz/user/articles/images/pexels-tolga-aslant__rk-11012486cr.jpg" alt="Kdyby pod balónky nebyla sytě zelenkavá tráva" data-src="https://cdn.myshoptet.com/usr/classic.shoptet.cz/user/articles/images/pexels-tolga-aslant__rk-11012486cr.jpg">
</a>
</div>
After:
<div class="image">
<a href="/blog/kdyby-pod-balonky-nebyla-syte-zelenkava-trava/" title="Kdyby pod balónky nebyla sytě zelenkavá tráva">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Kdyby pod balónky nebyla sytě zelenkavá tráva" data-src="https://cdn.myshoptet.com/usr/classic.shoptet.cz/user/articles/images/pexels-tolga-aslant__rk-11012486cr.jpg">
</a>
</div>