WordPress移除页面源码head中style img:is的样式代码

上月中旬 WordPress 6.7 版本正式发布,随后很快又发布了 WordPress 6.7.1 维护版本,每次 WordPress 有大版本的更新子凡我都习惯先看看官方的更新记录,然后先升级泪雪博客看看有没有问题,最后再批量的升级其他项目的 WordPress 网站,然后就是还会习惯的看看前段代码是否存在变化,因为 WordPress 在大版本的更新中难免增加新功能,也有可能移除一些功能导致一些代码问题。

WordPress img

所以在升级 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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/874659.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

帝国cms网站名称修改不成功怎么办

如果您在帝国cms中修改网站名称不成功,可以尝试以下步骤:检查权限:确保您有足够的权限修改网站名称。通常,只有管理员或具有相应权限的用户才能进行此类修改。 清除缓存:修改网站名称后,可能需要清除缓存才能使更改生效。您可以在帝国cms后台找到“数据更新”或“缓存管理…

网站顶部logo在哪里修改

网站顶部logo的修改位置通常取决于您使用的网站建设工具或平台。以下是一些常见的修改方法:内容管理系统(CMS):如果您使用的是CMS,如WordPress、Drupal或Joomla,通常可以在后台管理界面中找到“外观”或“模板”选项,然后在其中找到“自定义”或“主题设置”等相关选项,…

网站PHP版本如何修改

网站的PHP版本是指网站所使用的PHP解释器的版本。修改网站的PHP版本可以通过以下步骤实现:确定服务器类型:首先需要确定网站所在的服务器类型,如Apache、Nginx等。不同的服务器类型有不同的PHP版本管理方式。 找到PHP版本管理工具:根据服务器类型,找到相应的PHP版本管理工…

分布式键值存储的王者--ETCD

在分布式系统的世界里,数据的一致性、可用性和分区容错性如同三座大山,横亘在开发者面前。 而 ETCD,犹如一位技艺高超的登山者,以其卓越的性能和稳定的表现,征服了这三座高峰,成为分布式键值存储领域当之无愧的王者。 ETCD 不仅仅是一个简单的键值存储系统,它更是分布式…

如何在CMS中修改网站的安装位置

问题描述:如何在CMS中修改网站的安装位置。 解决方法:确定CMS类型:不同的CMS可能有不同的方法来修改网站的安装位置。首先需要确定您使用的是哪种CMS,例如WordPress、Drupal、Joomla等。 备份网站数据:在进行任何修改之前,务必备份网站的所有数据,包括数据库和文件。这是…

WebStorm2024如何安装?附安装包和激活方式

前言 大家好,我是小徐啊。WebStorm是我们常用的开发web应用的开发工具,其功能十分强大。今天,小徐就来介绍下如何安装和激活webstorm。文末附获取方式。 如何安装和激活WebStorm 首先,我们打开安装包,双击下,点击运行按钮。然后,我们点击下一步按钮。然后,我们选择要安…

IDEA如何将一行上移或者下移

前言 大家好,我是小徐啊。我们在使用IDEA开发Java应用的时候,都会使用到IDEA的快捷键。这些快捷键帮助我们提高了开发的效率。今天,我要介绍下,在IDEA中如何将某一行代码上移或者下移。这个技巧在我们编写代码的时候还是很有效的。 如何下移一行代码 首先,我们需要打开IDE…

NFS动态存储实战案例

NFS动态存储实战案例Kubernetes 不包含内部 NFS 驱动。你需要使用外部驱动为 NFS 创建 StorageClass。卷插件 内置配置器 配置示例AzureFile ✓ Azure FileCephFS - -FC - -FlexVolume - -iSCSI - -Local - LocalNFS - NFSPortworxVolume ✓ Portworx VolumeRBD ✓ Ceph RBDVsp…

为什么Claude AI在与ChatGPT的竞争中落后——尽管产品更优越

Claude广告由Anthropic开发的Claude AI因其技术能力受到赞誉,有些用户声称它在上下文理解和处理更大文本输入方面优于ChatGPT。然而,一个强大的产品并不一定能直接转化为市场主导地位。尽管Claude AI具有潜力,但在ChatGPT主导的竞争市场中,它却难以获得关注。 问题不在于技…

STM32 IAP(OTA)

一、背景知识STM32启动流程(从内部flash启动)[1]正常情况下,程序从Flash启动时的流程如下:(转载自) https://blog.csdn.net/qq_42190402/article/details/139671333程序从Flash启动,根据中断向量表找到复位中断处理函数的地址。(0x0800 0004处是中断向量表的起始地址,也…

稀疏基因组学:大规模基因组分析的新范式

随着基因测序技术的飞速发展,我们面临着一个巨大的挑战:如何高效地处理和分析海量的基因组数据。 2025年1月21日,发表在《Nature Communications》上的一篇论文提出了一个名为“稀疏化基因组学”(Sparsified Genomics)的新概念,通过系统性地排除基因组序列中的大量碱基,…

【译】我们最喜欢的2024年的 Visual Studio 新功能

去年,Visual Studio 团队发布了许多新的面向开发人员的改进和 AI 集成,其中许多直接来自您在开发者社区的反馈。在这篇文章中,我们将重点介绍2024年团队最喜欢的功能,这些功能可以提高生产力,简化工作流程,并增强您的编码体验。让我们开始吧! 图像悬停预览:立即看到您的…