2023-02-23 分类: 移动网站建设
如果大家有使用百度站长工具,一定会发觉近来多了一个工具栏-移动专区目录加了一个-MIP引入。
什么是百度MIP?
MIP 英文全称Mobile Instant Page 即:移动网页加速器,是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。其是一项长期的开源计划。
百度MIP加速原理
主要通过规范页面结构,如不允许自定义JS、静态图片需要标明尺寸、控制外部资源的额加载来确保其高效性、封装交互功能、只允许用 transforms 和 opacity 来完成动画效果。最后就是百度将会把 MIP 网页缓存到百度 CDN 中。只要符合 MIP 标准,都可以使用 MIP 缓存。
百度MIP头部使用规范
起始标签使用
html 标签必须加上 mip 标记,即:
响应式网站可以用百度MIP吗?
答案是否定的,因为响应式网站包括PC端、PAD端、移动端。百度MIP只适合用移动端。
我的网站有比较多的交互效果,可以用百度MIP吗?
答案也是否定的,百度MIP只适合静态类资讯站点,太多交互效果的网站不适合
百度MIP可以加载视频吗?
答案是可以的,百度MIP有mip-video视频组件,可以加载视频。
百度MIP是免费使用的吗?
答案是肯定的,目前是鼓励大家用。
其他浏览器都兼容百度MIP吗?
百度自己肯定不用说了,听人反应过UC以前不兼容,是因为误把某些标签当成广告过滤了,最新版本的UC浏览器已兼容,正常浏览器应该都是兼容的。
开发成本高吗?
根据创新互联了解,如果是没使用过的网站开发者,需要花半个月左右的时间深入了解,目前来看,会用的开发者并不是很多,应该还在普及阶段,所以开始开发成本会比较高,然后慢慢降低。
除了网站加载速度快、百度排名优先外,还有没有其他优势?
如果不出所料,百度会开发越来越多的组件,目前已上线图片预览,视频播放,分享组件等,使用这些组件可以更好的保证用户体验、减少兼容性问题。
创新互联建议,如果是移动类的资讯站点,完全可以考虑使用百度MIP,毕竟速度快、排名好,这是非常重要的两项。
创新互联专注于网站定制开发,欢迎广大客户咨询400-028-6601
使用百度MIP遇到大的问题应该是后台编辑器编辑的内容如何转换成MIP可识别的内容
如图片标签变化,img标签变为mip-img、不允许用内联样式style、视频标签变化等。
目前来看,并没有专门针对百度MIP开发的后台编辑器,所以只能用程序替换的方法了。
function replacePicUrl($content = null, $url="") {
$pattern="/<img.*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.jpeg]|\.png]|\.bmp]))[\'|\"].*?[\/]?>/";
preg_match_all($pattern, $content,$matches);
$full_img = $matches[0];
$full_src = $matches[1];
foreach ($full_img as $k => $v) {
$v1 = str_replace("<img", "<mip-img", $v);
$v1 = str_replace("/>", "></mip-img>", $v1);
$new_path = $url.$full_src[$k];
$v1 = str_replace($full_src[$k], $new_path, $v1);
$content = str_replace($v, $v1, $content);
}
return $content;
}
提取style:
function getStyle($content = null){
preg_match_all("/style=('|\")([^'\"]+)('|\")/",$content,$matches);
$styles = $matches[0];
$styles_value = $matches[2];
$style_custom = "";
$i = 0;
foreach($styles_value as $key){
$style_custom .= ".class".$i."{".$key."}";
$class_name = 'class="class'.$i.'"';
$replacements = $class_name;
$patterns = $styles[$i];
$content = str_replace($patterns, $replacements, $content);
$i++;
}
$res['style_custom'] = $style_custom;
$res['content'] = $content;
return $res;
}
分享文章:移动网站建设是否有必要采用移动网页加速器-百度MIP
文章地址:https://www.cdcxhl.com/news47/239297.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设、移动网站建设等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容