文件名称：kirby-blurry-placeholder:image模糊的图像占位符和延迟加载以获得更好的用户体验
文件大小：1.17MB
文件格式：ZIP
更新时间：2024-05-26 20:56:16
kirby kirby-plugin lazyloading seo-friendly image-placeholder
Kirby模糊占位符 该插件实现了渐进式图像加载，从而提供了更好的用户体验。 继承了源图像长宽比的微型缩略图与模糊效果相结合，比纯色具有更好的占位符，而不会牺牲有效负载。 这个怎么运作： 内联，URI编码的SVG填充给定图像元素的src属性。 模糊图像被包裹在SVG中，以避免光栅化光栅。 然后，仅当大图像位于视口内时才请求它们。 主要特征 :sparkles: 避免内容跳跃（保持宽高比） :framed_picture: 可作为Kirbytag使用 :card_file_box: 扩展Kirby\Cms\File方法 :magnifying_glass_tilted_left: SEO友好 :high_voltage: 包含Vanilla JavaScript惰性加载程序 要求 柯比3 PHP 7.3以上 安装 下载 下载该存储库并将其复制到/site/plugins/kirby-blurry-placeholder 。 Git子模块 git submodule add https://github.com/johannsch
【文件预览】：
kirby-blurry-placeholder-main
----classes()
--------KirbyExtended()
----.gitignore(18B)
----src()
--------useLazyload.js(3KB)
----tags()
--------blurryimage.php(3KB)
----index.php(681B)
----composer.json(686B)
----LICENSE.txt(1KB)
----.github()
--------social-preview.png(410KB)
--------kirby-blurry-placeholder-preview.gif(354KB)
--------social-preview-white.png(411KB)
----composer.lock(2KB)
----README.md(5KB)
----vendor()
--------composer()
--------getkirby()
--------autoload.php(178B)
----.editorconfig(244B)