现在的位置:首页>wordpress>正文

wordpress用代码禁止加载图片sizes和srcset属性

2016年09月10日 ⁄ 共 995字 评论 1 条

这个是wordpress更新以后才会出现的一个图片新属性,我们需要在升级到4.4版本以后才能发现,主要是wordprss为了适应HTML5的最新属性而作出来的改变,但对于大多数朋友来说,加载图片sizes和srcset属性一点意义也没有,另外,加载这两个属性,有可能让wordpress变的缓慢,所以不需要的朋友,可以将这两个属性去掉.

srcset和sizes为HTML5的最新属性,它们可以根据不同的条件,主要是屏幕大小、可视区大小和屏幕分辨率等,为用户显示不同大小的图片,也可以理解为我们常说的响应式图片功能.这个属性在响应式的CSS里,是比较有用的.

我们在掝级后,在用鼠标右键点击审查元素看图片时,发现图片显示不同的尺寸,如下图:

wordpress用代码禁止加载图片sizes和srcset属性

显示的内容如下:

  1. src=”http://www.mfbuluo.com/wp-content/uploads/2016/09/alconvcclub1.jpg”class=”attachment-mh-magazine-medium size-mh-magazine-medium wp-post-image” alt=”CSS文本样式(下)” srcset=”http://www.mfbuluo.com/wp-content/uploads/2016/09/alconvcclub1.jpg 326w,http://www.mfbuluo.com/wp-content/uploads/2016/09/alconvcclub1.jpg 80w” sizes=”(max-width:326px) 100vw, 326px

如何让wordpress禁止加载图片属性srcset和sizes

很简单,在你网站后台的模板函数(functions.php)下添加以下代码保存即可:

  1. //wordpress禁用图片属性srcset和sizes from www.mfbuluo.com   
  2. add_filter( ‘max_srcset_image_width’, create_function( ”, ‘return 1;’ ) );  

接下来,我们回到任意一个页面,再刷新一下,记得清除缓存,就能看到,图片sizes和srcset属性已经没有加载了.

小结

文章中的方法来源自网络,由免费部落整理发布.

您可以视您自己的情况来操作,觉得有必要的话,可以去掉这两个属性.

评论 1 条 评论内容很精采,有内幕,而且绝对有干货

  1. 我爱动感单车网 2016年09月10日 12:37  @回复  Δ-49楼 回复

    我的博客没有出现这个,这很好,不用处理。

给我留言