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

maolai 网站建设wordpress禁止加载图片属性srcset和sizes已关闭评论356阅读模式

最近把wordpress升级到4.4版本,在用鼠标右键点击审查元素看图片时,发现图片显示不同的尺寸(如下图)。如src="http://img.bokequ.com/wp-content/uploads/2016/02/306-326x245.jpg"class="attachment-mh-magazine-medium size-mh-magazine-medium wp-post-image" alt="CSS文本样式(下)" srcset="http://img.bokequ.com/wp-content/uploads/2016/02/306-326x245.jpg 326w,http://img.bokequ.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
  • 本文由 maolai 发表于 2016年2月20日 12:37:09
  • 转载请务必保留本文链接:http://www.bokequ.com/343.html