loading=lazy
attribute in your <img>
tags!
If ya don't know what lazy loading does, it just defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. The intent is to avoid the network and storage bandwidth needed to handle the image until it's reasonably certain that it will be needed. This generally improves the performance of the content in most typical use cases.form-group
class, this is a breaking change and will break a lot of things on the internet! Except our ceph dashboard ;)http
instead of https
. And I only need to run npx cypress open
from the frontend directory. :stare:
So now I finally can run the e2e tests!!!! I'm almost in tears seeing things just work now! 💖 😭