【大拿分享】如何用MIP快速搭建体验友好的移动

【大拿分享】如何用MIP快速搭建体验友好的移动,第1张

【大拿分享】如何用MIP快速搭建体验友好的移动

什么是MIP?

MIP(移动即时网页)是移动网络加速。它是移动网页的开放标准规范。根据MIP-HTML标准、MIP-JS软件环境及其MIP-Cache页面缓存文件系统软件,完成移动网页的加速。

装修前期准备及常见问题:

你可以选择马上把原来的手机网站改成MIP站,也可以另做一个MIP网站,独立与手机站共存。

对于复杂的页面,暂时不推荐MIP转换。目前适用于新闻资讯、文字、图片。如果功能比较复杂,建议定制组件或者等待MIP新项目工作组的开发设计。

转型需要有一定的html专业知识。请按照示例教程进行MIP的转换。注意英语的大小写,建议全局小写字母。

每个人都应该一步一步的变换一个html页面的左右顺序。如果您遵循本文中的步骤,您可以转换MIP。

1.文档类型转换

1.1打开您的模板或代码文档并阅读第一行,将<!DOCTYPE***>换成

2.<Html>标志转换

2.1在第一步之后,再次将下一行代码改为:

3.头部变形的一部分

3.1<head>徽标必须完全小写。

3.2页码必须为utf-8,变更声明为:

<metacharset="utf-8">

3.3添加到页面:

<metaname="viewport"content="width=设备宽度,minimum-scale=1,initial-scale=1">

3.4将MIP特殊样式文档添加到页面:

<linkrel="stylesheet"type="text/CSS"href="https://MIPcache.BDstatic.com/static/v1/MIP.CSS">;

3.5这里必须通知百度搜索引擎更改与页面匹配的标准html页面的详细地址。如果存在,将标记为

如果只有mip页没有对应的标准页,则标记为:

<linkrel="canonical"href="https://www.Baidu.com">;

里面的href值就是今天页面的详细地址。扩展

4.身体内部的转化

4.1第一个徽标必须是小写字母;

4.2更换<img>,<style>,<frame>,<form>,<input>,<textarea>,<select>,<option>标识为相匹配MIP部件标识,实际见官方网站文本文档。4.2更换,<style>,<框架>,<表单>,<输入>,<textarea>,<选择>,<选项>徽标是匹配的MIP组件徽标。详见官网文本文档。

4.3MIP-JS软件环境介绍

5.应用MIP缓存的常见问题

5.1通用缓存照片、样式、脚本制作,以上四步完成后,将资源地址更改为相对详细地址或合理合法的肯定详细地址(以检查专用工具为准);

5.2缓存的内容必须升级。升级后的url链接消息必须按照MIP数据信息提交中的升级api接口推送到过去,等待百度搜索升级。

6.其他组件的应用

6.1除了上面提到的要求之外,有些网站很可能不得不采用组件,官网文本文档包含了现阶段适用的所有组件。下面简单举例说明如何完成百度统计的应用:

6.2搜索百度统计原创专用工具查询统计分析JS代码(可以全局搜索var_hmt关键字)获取token(hm.js?编号)之后,在页面底部,所有脚本进入代码之前:

<MIP-stats-Baidutoken="22090D4a309827EB6BC1335B2b28f11(网站流量统计的令牌值)">:

</MIP-stats-Baidu>;

6.3去掉百度统计原专用工具的js代码,删除整个JS。

大量例子请参考:MIP(移动网页加速)全解读

注:阅读相关网站基本建设方法的文章,请移至网站建设教程频道栏目。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/769376.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-02
下一篇 2022-05-02

发表评论

登录后才能评论

评论列表(0条)

保存