百度新推出的MIP,对于百度优化有很大的帮助!开封网站建设引用:MIP(Mobile Instant Page - 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。
!DOCTYPE html><html mip>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
<!--TODO: canonical href需要替换成原页面url-->
<link rel="canonical" href="https://m.baidu.com/demo.html">
<title>Hello World</title>
<style mip-custom>
body{margin:10px;} .red-text { color: red;} .middle-text { text-align: center;} .small-pic { max-width: 200px;} </style>
</head>
<body>
<!--百度MIP,自定义样式-->
<p class="red-text">MIP页支持修改css样式</p>
<p class="middle-text">我是居中的文字</p>
<hr>
<!--百度MIP,图片组件-->
<p class="middle-text"><mip-img> 图片组件</p>
<div class="small-pic">
<mip-img layout="responsive" width="350" height="263" src="https://www.XXXX.org/static/img/mip_logo_3b722d7.png">
<p>图片说明文字</p>
</mip-img>
</div>
<hr>
<!--百度MIP,分享组件-->
<p class="middle-text"><mip-share> 分享组件</p>
<mip-share title="分享:我的第一个MIP页面"></mip-share>
<hr>
<!--百度MIP,统计组件 TODO: 修改token值-->
<p class="middle-text"><mip-stats-baidu> 百度统计组件,代码可见</p>
<mip-stats-baidu token="4e397f684261b9e4ff9d8"></mip-stats-baidu>
<!--百度MIP, 运行环境-->
<script src="https://mipcache.XXXX.com/static/v1/mip.js"></script>
<!--百度MIP,组件 代码-->
<script src="https://mipcache.XXXX.com/static/v1/mip-share/mip-share.js"></script>
<!--百度MIP,百度统计组件 代码-->
<script src="https://mipcache.XXXX.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
</body></html>
网站使用百度MIP网站各方面都是迎合百度优化机制的,确实不错的,大家可以看看这个DEMO。
丨夸米科技丨
咨询直线:186-2370-8562 官方网站:www.quamae.com