织梦dedecms MIP模板开发图片img转img-mip处理方法

织梦dedecms MIP模板开发图片img转img-mip处理方法

MIP 十分关注页面速度,也因此禁用了一些引起拖慢速度的 HTML 标签(禁用列表)。例如, 标签会引起浏览器的 repaint 和 reflow,为了避免这些,MIP 提供了替代标签 <mip-img> 。下面是dedecms开发中img转img-mip的处理方法。

在/include/extend.func.php里添加如下代码

function mipBody($body)
{
    $body = str_replace(' style="white-space:pre"', '', $body);
    preg_match_all('/<img (.*?)\>/', $body, $images);
    if (!is_null($images)) {
        foreach ($images[1] as $index => $value) {
            $mip_img = str_replace('<img', '<mip-img', $images[0][$index]);
            $mip_img = str_replace('>', '></mip-img>', $mip_img);
            $mip_img = preg_replace('/(width|height)="\d*"\s/', '', $mip_img);
            $mip_img = preg_replace('/ style=\".*?\"/', '', $mip_img);
            $mip_img = preg_replace('/ class=\".*?\"/', '', $mip_img);
            $body = $content = str_replace($images[0][$index], $mip_img, $body);
        }
    }
    return $body;
}

在模板里面调用:

{dede:field name='body' function='mipBody(@me)'/}

最后打个广告:本叼操刀的织梦MIP模板(点这里

最后修改:
赞赏支持
最大的开心,莫过于你请我吃辣条

已有 3 条评论

  1. 男装品牌 男装品牌 17天前

    文章不错非常喜欢

  2. 夏目贵志 夏目贵志 18天前

    织梦 太久没用过了~

    1. 户外照明 户外照明 5天前

      我放弃dede很长一段时间了