本文介绍了一种通过CSS动画和图片懒加载检测客户端是否为浏览器的方法。通过在CSS动画中插入随机隐藏的空白图片,后端可以测量加载顺序以判断请求的合法性。此外,文章提到在HTML中放置蜜罐GIF和不可见链接,以进一步验证客户端行为。
本文介绍了优化网站加载速度的方法,包括转换图片格式为WebP、图片懒加载、异步加载、图片渐进加载和使用CDN缩略图。WebP是Google开发的图像格式,具有高压缩率、高图像质量、支持透明度和动画等特点。文章还介绍了使用ImageMagick和SkiaSharp两个类库转换图片为WebP格式的方法。
作者对主题进行升级,感觉更顺滑,但还需处理图片懒加载和刷新页面时的主题色切换问题。计划后续完善这两个功能。
本文探索了个人博客优化中的图片懒加载方法,使用HTML元素的延迟加载属性loading来提高页面加载速度和用户体验。还介绍了通过python-markdown工具生成HTML文件时添加loading属性的方法,并提供了自定义扩展类的示例。通过使用自定义扩展类,可以自动在IMG标签上添加loading属性,无需修改markdown内容。
完成下面两步后,将自动完成登录并继续当前操作。