今天去掉了一下wordpress评论图片srcset属性,可能有的小伙伴会问什么是srcset属性,下面大致讲一下
其目的是为使用不同分辨率的不同浏览器用户提供适合其浏览环境的图片大小的解决方案
以下代码是我的评论里的头像图片的代码<img alt="" src="http://www.phpsong.com/avatar/f5b3c10717e4e3c474593a4d1b6d1325.png" srcset="http://gravatar.duoshuo.com/avatar/f5b3c10717e4e3c474593a4d1b6d1325?s=72&d=http%3A%2F%2Fwww.phpsong.com%2Fwp-content%2Fthemes%2Fxiaosong%2Fimg%2Fdefault.png&r=g 2x" class="avatar avatar-36 photo" height="36" width="36">低分辨率的显示屏上显示的默认图片即src属性里的图片,或者没有办法识别srcset属性的浏览器也会显示默认图片
而srcset中指定的图片,则会在能识别srcset属性的浏览器中同时是高分辨率屏幕中显示
于是我发现【留下脚印】头像加载很慢原因是加载的头像图像太多了,默认加载完src的图片还会加载srcset属性的图片,于是决定去掉srcset属性,我个人感觉没有必要
修改主题function.php文件在原来修改头像路径的代码
function dmeng_get_https_avatar($avatar){ $avatar = str_replace(array("www.gravatar.com", "0.gravatar.com", "1.gravatar.com", "2.gravatar.com"), "gravatar.duoshuo.com", $avatar); return $avatar; } add_filter('get_avatar', 'dmeng_get_https_avatar');修改成
function dmeng_get_https_avatar($avatar){ $avatar = str_replace(array("www.gravatar.com", "0.gravatar.com", "1.gravatar.com", "2.gravatar.com"), "gravatar.duoshuo.com", $avatar); $avatar = preg_replace(array('/srcset=(\'|")(.*)(\'|")/isU'),array(''),$avatar); return $avatar; } add_filter('get_avatar', 'dmeng_get_https_avatar');昨天百度云520的静态文件的文字,今天早上后台有问题了,之后想办法解决
QQ交流群:136351212
查看原文:http://www.phpsong.com/1546.html
wordpress去掉评论响应式图片srcset属性
最新推荐文章于 2020-11-24 22:22:51 发布