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

2016年2月20日18:33:44 发表评论

阿里云服务器

最近把wordpress升级到4.4版本,在用鼠标右键点击审查元素看图片时,发现图片显示不同的尺寸(如下图)。如src="http://www.lmlblog.com/wp-content/uploads/2016/02/306-326x245.jpg" alt="wordpress禁止加载图片属性srcset和sizes"class="attachment-mh-magazine-medium size-mh-magazine-medium wp-post-image" alt="CSS文本样式(下)" srcset="http://www.lmlblog.com/wp-content/uploads/2016/02/306-326x245.jpg 326w,http://www.lmlblog.com/wp-content/uploads/2016/02/306-80x60.jpg 80w" sizes="(max-width:326px) 100vw, 326px" 的图片源。srcset和sizes为HTML5的最新属性,它们可以根据不同的条件(屏幕大小、可视区大小和屏幕分辨率等)为用户显示不同大小的图片(响应式图片功能)。个人觉得没必要,默认加载完src的图片还会加载srcset属性的图片,有可能让wordpress变的缓慢。所以决定去掉图片属性srcset和sizes。这样可以有效避免资源的过度加载,在移动端通过按需加载,减少图片的加载量,加快网页打开速度。

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

那么如何让wordpress禁止加载图片属性srcset和sizes呢?在你网站后台的模板函数(functions.php)下添加以下代码保存即可:

//wordpress禁用图片属性srcset和sizes
add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );

PS:如果直接复制代码添加不成功,是标点符号的大小写问题。请切换小写修改标点符号再保存。

maolai

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: