From c4164649496d3b1b3ffa8b6b01b750903a0edffd Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Wed, 1 Dec 2021 18:05:25 +0100 Subject: [fix] lazy loading of tags MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Images should include dimension attributes. Without `width` and `height` specified, image dimensions are 0×0 pixels at first. ... In this case the browser determines that all of them are visible to the user and decides to load everything [1]. In CSS the `width` is set to a value and the `height` is unsed to scale the image proportional in both dimensions. [1] https://web.dev/browser-level-image-lazy-loading/#images-should-include-dimension-attributes [2] https://caniuse.com/loading-lazy-attr Signed-off-by: Markus Heiser --- searx/static/themes/simple/src/less/style.less | 1 + 1 file changed, 1 insertion(+) (limited to 'searx/static') diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 5e015579c..bb983838b 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -267,6 +267,7 @@ article[data-vim-selected].category-social { float: left; padding: 0.6rem 1rem 0 0; width: 20rem; + height: unset; // remove heigth value that was needed for lazy loading } &.image { -- cgit v1.2.3