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

maolai 1636次浏览 1个评论

最近把wordpress升级到4.4版本,在用鼠标右键点击审查元素看图片时,发现图片显示不同的尺寸(如下图)。如src="http://www.lmlblog.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://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博客编辑整理发布,欢迎分享,转载请注明出处!
喜欢 (0)
支付宝
分享 (0)
maolai
关于作者:
无折腾,不生活。一个爱折腾,爱分享的90后,欢迎你认识我,我是MAOLAI。
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 不加载了,但是还会生成不同版本的图片
    今日奇闻网2016-07-17 15:17 回复 Windows 7 | Firefox 47.0