{"_id":"responsively-lazy","_rev":"17-11d8ec0b6d43a467fc5800a8d4a59477","name":"responsively-lazy","description":"Lazy load responsive images and HTML","dist-tags":{"latest":"3.2.1"},"versions":{"1.0.0":{"name":"responsively-lazy","title":"responsivelyLazy - Lazy load responsive images","version":"1.0.0","description":"The best lazy loading implementation available. It's the best because it's responsive, truly lazy (absolutely no unnecessary requests) and SEO friendly.","homepage":"http://ivopetkov.com/b/lazy-load-responsive-images/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"http://ivopetkov.com/"},"repository":{"type":"git","url":"git+ssh://git@github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"http://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"http://opensource.org/licenses/MIT"}],"gitHead":"5d8a4a22af9b79c78c4d306d56d7d5eab4dc84c5","_id":"responsively-lazy@1.0.0","scripts":{},"_shasum":"a81323bd51f94faa5d75a8e8006b972dff53d377","_from":"..\\wamp\\www\\responsivelyLazy","_resolved":"file:..\\wamp\\www\\responsivelyLazy","_npmVersion":"2.11.3","_nodeVersion":"0.12.7","_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"dist":{"shasum":"a81323bd51f94faa5d75a8e8006b972dff53d377","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-1.0.0.tgz","integrity":"sha512-7m0Y5KQDu8xI9qv397qoyLWQpUroM5QSGccpAPT++OyjiUZRfjwmQiuNHWAh30yqBIFasIGFN49HnyL8QwZdQQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCC05P64SSUak+wD44c89VfaCuuMK/O2utIlxruImdZpgIhAOannGJfjre9i3vvjoc7m2IkHG9i8LvdkWbhb/taLBwB"}]},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"directories":{}},"1.1.0":{"name":"responsively-lazy","title":"Responsively Lazy","version":"1.1.0","description":"Lazy load responsive images","homepage":"http://ivopetkov.com/b/lazy-load-responsive-images/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"http://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"http://opensource.org/licenses/MIT"}],"gitHead":"6a5a07df78242e261f1e52fa9730cc1d36be837b","_id":"responsively-lazy@1.1.0","scripts":{},"_shasum":"25de0e1203e98b6757dc36507e2aff5019a8cf8c","_from":"..\\..\\wamp\\www\\responsivelyLazy","_resolved":"file:..\\..\\wamp\\www\\responsivelyLazy","_npmVersion":"2.11.3","_nodeVersion":"0.12.7","_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"dist":{"shasum":"25de0e1203e98b6757dc36507e2aff5019a8cf8c","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-1.1.0.tgz","integrity":"sha512-iOSAkjCFiFi6bd43oK2cG+1UivDjLhHarPPZJbfN5SpBSyDw6fTEPFfJR4APEzD/i0R2OYK3hwpYFW35ti2wxw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH5qRbZxNwy9dDfSbKX3KUgFOK5NYUR9nHywX36DgBCgAiB0B9DlrqdAiylF5dqdLDBAo7mVKeB15MTjs/IeA/KZYg=="}]},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"directories":{}},"1.2.0":{"name":"responsively-lazy","title":"Responsively Lazy","version":"1.2.0","description":"Lazy load responsive images","homepage":"http://ivopetkov.com/b/lazy-load-responsive-images/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"http://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"http://opensource.org/licenses/MIT"}],"gitHead":"ede95951fc671c4f26ee46efd6ec12a9904a10cf","_id":"responsively-lazy@1.2.0","scripts":{},"_shasum":"520a60cee424fcd9dd65cea73196ce6a38df96e0","_from":"..\\..\\wamp\\www\\responsivelyLazy","_resolved":"file:..\\..\\wamp\\www\\responsivelyLazy","_npmVersion":"2.11.3","_nodeVersion":"0.12.7","_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"dist":{"shasum":"520a60cee424fcd9dd65cea73196ce6a38df96e0","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-1.2.0.tgz","integrity":"sha512-t80cw44upCtR671MZN0JkM/tZK2xlBfP5F9I/XihxWyTxv05wFatoY3D614rJWUYKZY4KTsX7DdOKGbBgMlSWQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAXcyM2HPJzZ5X9rJ4TK4D/dNd20LabV4MAPNrs8hyWhAiEAzLoC1wpGVNoPbzzIfv/CsP4vi4CZNGCXserOsMVH0KU="}]},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"directories":{}},"1.2.1":{"name":"responsively-lazy","title":"Responsively Lazy","version":"1.2.1","description":"Lazy load responsive images","homepage":"http://ivopetkov.com/b/lazy-load-responsive-images/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"http://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"http://opensource.org/licenses/MIT"}],"gitHead":"ee6ad9ebbda8dbee85d6b6f70bdedd0b084828bb","_id":"responsively-lazy@1.2.1","scripts":{},"_shasum":"0bf3e77e11ebabeeac8af7226c956e2d83e87ab4","_from":"..\\..\\wamp\\www\\responsively-lazy","_resolved":"file:..\\..\\wamp\\www\\responsively-lazy","_npmVersion":"2.11.3","_nodeVersion":"0.12.7","_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"dist":{"shasum":"0bf3e77e11ebabeeac8af7226c956e2d83e87ab4","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-1.2.1.tgz","integrity":"sha512-3rV0/0AR41HHW1kdYCYijvjzE+MaZfX8npYuSoS+jbZYH+53CjQHZInSSDjdV6JAKSLOq4upoliIXGljQ7uOtw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGADnfustyLQT4sTbQea9PS6BMhrDp+korKpTLZcCRH9AiEA1kFLM7mkTcuMnF/2rsHaSGIEoG3C9XKuj5TD499LA8U="}]},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"directories":{}},"2.0.0":{"name":"responsively-lazy","title":"Responsively Lazy","version":"2.0.0","description":"Lazy load responsive images","homepage":"http://ivopetkov.com/b/lazy-load-responsive-images/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"http://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"http://opensource.org/licenses/MIT"}],"gitHead":"c05103ad79d31c5337a83331693a47bbc1e463ef","_id":"responsively-lazy@2.0.0","scripts":{},"_shasum":"77b7ee7141dcf59ef94bcf1b48282ddd4799d756","_from":".","_npmVersion":"2.11.3","_nodeVersion":"0.12.7","_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"dist":{"shasum":"77b7ee7141dcf59ef94bcf1b48282ddd4799d756","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-2.0.0.tgz","integrity":"sha512-bCGKSmiwUpc4JhrJKLx4YgHRLFrmyDBE+RLrz/QHwd/ASfYaJFMUYZ+lZaf5/7+tAeDdp8tFA0CQ0VL58v8glg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDK3MxAcr0WcNb18XeUI1sk8MY4t3NWA0b1pToQrnIANgIgfXabKHd7WqldIUSgOg5dYCsX+BAC021tmD33ysw7K7s="}]},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/responsively-lazy-2.0.0.tgz_1472733954004_0.09882390149869025"},"directories":{}},"2.0.1":{"name":"responsively-lazy","title":"Responsively Lazy","version":"2.0.1","description":"Lazy load responsive images","homepage":"http://ivopetkov.com/b/lazy-load-responsive-images/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"http://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"http://opensource.org/licenses/MIT"}],"gitHead":"7a687fc744bc816485740c7708d91da8936f8e21","_id":"responsively-lazy@2.0.1","scripts":{},"_shasum":"8bbebbd359abfca3376b876f38fbcafad39a544e","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.1","_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"dist":{"shasum":"8bbebbd359abfca3376b876f38fbcafad39a544e","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-2.0.1.tgz","integrity":"sha512-6B99CEASy7G5nOk1AMj3zni05pOByJRXjzkRNs/KU1gumpbJiSARukBjlUJnWLWMeJ21jb06N46zbFho3cvxcw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGaPDRJUnxV0zcOywtpQ3sRiqIXb/dUwB/+udj1JvKGIAiA7cqg1YCk2ZwToGBodX2GTuedIa9IBuqS54I0zgtVNIA=="}]},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/responsively-lazy-2.0.1.tgz_1490989362416_0.23205532156862319"},"directories":{}},"2.0.2":{"name":"responsively-lazy","title":"Responsively Lazy","version":"2.0.2","description":"Lazy load responsive images","homepage":"http://ivopetkov.com/b/lazy-load-responsive-images/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"http://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"http://opensource.org/licenses/MIT"}],"gitHead":"d6ff9e4d1ea371a0c864772993aa4a940740475c","_id":"responsively-lazy@2.0.2","scripts":{},"_shasum":"9a9967e2e3daf059a8d5295d0bfbf8e8f6a52782","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.1","_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"dist":{"shasum":"9a9967e2e3daf059a8d5295d0bfbf8e8f6a52782","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-2.0.2.tgz","integrity":"sha512-4A2ORqfdRI3SRVHafqTiUegrg0SvB7ctYtUo174V68hCuohmKU3eemD6uO7UyxvQYbkg+BRyzPudC8zfjC621w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHfCpEdztuXGjn8Z5aSJevbtFaYWDtJ+EVHO2He94egKAiB8QpBa0bw+Ul5z9VLLtTTgE6BEt5hJpWsM/Yj0HAhjYQ=="}]},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/responsively-lazy-2.0.2.tgz_1492542550431_0.9095512481871992"},"directories":{}},"3.0.0":{"name":"responsively-lazy","title":"Responsively Lazy","version":"3.0.0","description":"Lazy load responsive images and HTML","homepage":"https://ivopetkov.com/responsively-lazy/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"https://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"https://opensource.org/licenses/MIT"}],"_id":"responsively-lazy@3.0.0","gitHead":"a966351a1ba772f339067aa46b7497b4e508bc37","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-dwaKWWPbTz6sO2n7J7ETgXW1wYSERhATVa1mwnMRXUazNDksJ3/N1tkvJimgbAfkHPFhUDT3vyWfC6lEibNjow==","shasum":"7a8da5a13fe76015e7548adfb44a39ddd4894b20","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-3.0.0.tgz","fileCount":4,"unpackedSize":31224,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXEnSX0cE5TkjnsBPckrykAdm8kFeSdWbdBx8ZNwhx6gIgf8ltOwYNU2ubk7upcSWbm4R5NXZifcp/Taaty5OHoHA="}]},"_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"directories":{},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/responsively-lazy_3.0.0_1703969548762_0.7914218706681482"},"_hasShrinkwrap":false},"3.0.1":{"name":"responsively-lazy","title":"Responsively Lazy","version":"3.0.1","description":"Lazy load responsive images and HTML","homepage":"https://ivopetkov.com/responsively-lazy/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"https://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"https://opensource.org/licenses/MIT"}],"_id":"responsively-lazy@3.0.1","gitHead":"eda28759b5e916026041e82b4ebf419adb6d399d","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-d0Z7RbOGPJBWX4pBG5U3q5pv1VlwFVQ7OE1e7HXZ/t4u+0GVNFWQ69Hx4sM76yTw1V8ajLq6Gs81+e9YMfiuFg==","shasum":"e8bfc7a64b83b7daec4cb768a4e7621a8035f447","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-3.0.1.tgz","fileCount":4,"unpackedSize":31163,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGWZ+Acii8GGZkHotM2lU+9kIwdfbvHPyRjbNQjTfb79AiAnOoUZQrTuYnnpjnYKzLS59T4/IQ4bFD6TN6+UB5a26A=="}]},"_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"directories":{},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/responsively-lazy_3.0.1_1704114218409_0.6526233845991993"},"_hasShrinkwrap":false},"3.1.0":{"name":"responsively-lazy","title":"Responsively Lazy","version":"3.1.0","description":"Lazy load responsive images and HTML","homepage":"https://ivopetkov.com/responsively-lazy/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"https://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"https://opensource.org/licenses/MIT"}],"_id":"responsively-lazy@3.1.0","gitHead":"dd4e50790232b6858f4cc8ceafa8288e5626310c","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-ez1hvZiknNG3FE5I0TR0fLsvX/q1M2H/WcI+DTVrZiwnQTREHQ6SpRg9j2IZQsq7hOJZRJNRpmBGsXOnX/1ujA==","shasum":"7add76c8c53c2ea8502374ab1affb5f0957826b7","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-3.1.0.tgz","fileCount":4,"unpackedSize":31704,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQxPCP5rJVvn3yrgA8lpbXvWHCjN0IC+L7XQ+nu+IV6AIhAJ49Aihn4hbJGYUPt5zrqAne4bAnzCg7A+NsvuiJzg29"}]},"_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"directories":{},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/responsively-lazy_3.1.0_1706019772074_0.2804686618761787"},"_hasShrinkwrap":false},"3.2.1":{"name":"responsively-lazy","title":"Responsively Lazy","version":"3.2.1","description":"Lazy load responsive images and HTML","homepage":"https://ivopetkov.com/responsively-lazy/","author":{"name":"Ivo Petkov","email":"ivo@ivopetkov.com","url":"https://ivopetkov.com/"},"repository":{"type":"git","url":"git+https://github.com/ivopetkov/responsively-lazy.git"},"bugs":{"url":"https://github.com/ivopetkov/responsively-lazy/issues"},"keywords":["images","lazyload","responsive","seo"],"licenses":[{"type":"MIT","url":"https://opensource.org/licenses/MIT"}],"_id":"responsively-lazy@3.2.1","gitHead":"1c575e5b2cc8721e06689a66106a88d3b229007a","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-REmwjqEX7qr4u8yXHH3TLYLC2ofzs+z7xoOWtTHL1TRlz9qRi5oe5JHHgoPFW4zclWyq8wOzv3gyb/629xtRZg==","shasum":"84fb3d2634c31c2ae3456cb6888e6eacdc147438","tarball":"https://registry.npmjs.org/responsively-lazy/-/responsively-lazy-3.2.1.tgz","fileCount":4,"unpackedSize":32253,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCO/h28MRGS/Xgmm63FAT9h2GGoXiXL4ERxIRfQXD4lrwIgI3mkfrd2kKSUSrSgJJaPGVMb1Hbr7vfDHs5JdNX4cLI="}]},"_npmUser":{"name":"ivopetkov","email":"ivo@ivopetkov.com"},"directories":{},"maintainers":[{"name":"ivopetkov","email":"ivo@ivopetkov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/responsively-lazy_3.2.1_1714513368701_0.8596410276902231"},"_hasShrinkwrap":false}},"readme":"# Responsively Lazy\r\n\r\n**Probably the best lazy loading implementation available.**\r\n\r\n- Perfect for responsive images\r\n- Truly lazy (absolutely no unnecessary requests)\r\n- **SEO friendly** (valid HTML)\r\n- Supports [WebP](https://en.wikipedia.org/wiki/WebP) and [AVIF](https://en.wikipedia.org/wiki/AVIF)\r\n- Customizable load threshold\r\n- Lazy load background images\r\n- Lazy load HTML\r\n\r\n

\r\n\r\n

\r\n\r\nYou can find a demo at [ivopetkov.github.io/responsively-lazy-v3/](https://ivopetkov.github.io/responsively-lazy-v3/) and learn how the magic works at [ivopetkov.com/responsively-lazy/](https://ivopetkov.com/responsively-lazy/)\r\n\r\n## Download and install\r\n\r\nDownload the minified [JS file](https://raw.githubusercontent.com/ivopetkov/responsively-lazy/master/responsively-lazy.min.js) or install via [npm](https://www.npmjs.com/package/responsively-lazy).\r\n```\r\nnpm install responsively-lazy\r\n```\r\n\r\nThe library does not have any dependencies, and it's just 2.5kb when gzipped and minified.\r\n\r\n## Usage\r\n\r\n* Include the JS file in the head of the document\r\n```html\r\n\r\n```\r\n\r\n* Add the following code for each image\r\n```html\r\n\r\n```\r\nValues to customize:\r\n\r\n**aspect-ratio**\r\n\r\nThe aspect ratio of the image (width/height) to reserve space. Skip if you don't know it.\r\n\r\n**src**\r\n\r\nThe default (largest) image size. Will be used by very old browsers, search engines, social networks, etc.\r\n\r\n**data-responsively-lazy** (the star of the show)\r\n\r\nMust contain a list of image versions separated by commas. Each version must contain a path to the image and its size. Optionaly you can specify the file type (webp or avif). The first supported format for the selected width is used.\r\n\r\n```html\r\ndata-responsively-lazy=\"images/400.avif 400w avif, images/400.webp 400w webp, images/400.jpg 400w, ...\"\r\n```\r\nThe paths may be encoded if there are special characters like commas, spaces, etc. Example: https%3A%2F%2Fexample.com%2Fimage.jpg\r\n\r\n**data-responsively-lazy-threshold**\r\n\r\nSpecify how close to the viewport an image should be to start loading.\r\n```html\r\ndata-responsively-lazy-threshold=\"500px\" // can use percents too\r\n```\r\n\r\n**data-responsively-lazy-type=html**\r\n\r\nLazy load HTML. Can contain JavaScript.\r\n\r\n```html\r\n\r\n```\r\n\r\n**data-responsively-lazy-type=background**\r\n\r\nLazy load image as a background image.\r\n\r\n```html\r\n\r\n```\r\n\r\n**data-on-responsively-lazy-load**\r\n\r\nRun JavaScript code when the image is loaded.\r\n```html\r\ndata-on-responsively-lazy-load=\"...\"\r\n```\r\n\r\n## A new concept\r\n\r\nResponsively Lazy is very different from the other lazy loading libraries. Others make you break your HTML by removing the `src` attribute, or make you put some tiny version there, or make you use `