最近把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呢?在你网站后台的模板函数(functions.php)下添加以下代码保存即可：
//wordpress禁用图片属性srcset和sizes add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );
PS:如果直接复制代码添加不成功，是标点符号的大小写问题。请切换小写修改标点符号再保存。
评论