高斯模糊在 Firefox 和 Safari 上卡顿
博客模仿 Medium 增加图片懒加载后使用体验提升很大,其中 img-small 添加了高斯模糊 filter: blur(15);。因为调试是在谷歌 Chrome 上进行的,页面滚动很流畅,和添加之前没有区别。
但后来发现在火狐 Firefox 上滚动加载其缓慢,还有拖影,页面平移不流畅。Safari 也一样,虽然滚动拖影不明显,但页面平移也不流畅。
看来火狐在高斯模糊上很吃性能,类似的 bug 在几年前就在社区被提出来了,但现在还是没解决。
后来我暂时的替代方法是用 ImageMagick 生成高斯模糊图片,删除 filter: blur(15);
还是 Chrome 大法好吧,但日渐垄断绝非好事。