上月中旬 WordPress 6.7 版本正式发布,随后很快又发布了 WordPress 6.7.1 维护版本,每次 WordPress 有大版本的更新子凡我都习惯先看看官方的更新记录,然后先升级泪雪博客看看有没有问题,最后再批量的升级其他项目的 WordPress 网站,然后就是还会习惯的看看前段代码是否存在变化,因为 WordPress 在大版本的更新中难免增加新功能,也有可能移除一些功能导致一些代码问题。
所以在升级 WordPress 6.7 后就发现一小段 style 样式:<style>img:is([sizes=”auto” i], [sizes^=”auto,” i]) { contain-intrinsic-size: 3000px 1500px }</style>
不出意外的情况下大多数的网站升级到 WordPress 最新版都会有这行代码,首先可以告诉大家的是,这并非恶意代码,是 WordPress 为了提升图片的适配而增加,但也有可能影响网站的图片,因为没有对我们网站没有影响,所以也就一直没来得及处理,但是既然这段样式对我们网站没有作用,那么子凡我就不能接受这个代码的冗余存在,今天就给大家一个移除的方法。
/* WordPress 移除 head style img:is* https://zhangzifan.com/wordpress-remove-head-style-img-is.html*/
add_filter('wp_img_tag_add_auto_sizes', '__return_false');
直接将这行代码放到当前主题的 functions.php 文件的合适位置即可。大家可以根据自己需要选择是否有必要移除。
最后给大家简单解释一下,该行 CSS 规则的作用是针对图片的 sizes 属性为 “auto” 或以 “auto,” 开头的所有 <img> 元素,应用一个虚拟的内在尺寸(3000 到 1500 像素),以便在图像实际尺寸未加载时,浏览器可以根据这个虚拟尺寸来调整布局,避免布局错乱。
更多关于WordPress优化及疑问可以添加QQ群:255308000
除非注明,否则均为泪雪博客原创文章,禁止任何形式转载
本文链接:https://zhangzifan.com/wordpress-remove-head-style-img-is.html