百度移动网页加速器MIP与常见网页加速方法
百度站长最近发布了一个MIP功能门户。事实上，这是谷歌放大器的复制品。官方解释是:
移动即时页面-移动页面加速器(MIP)是一种应用于移动网页的开放技术标准，它通过提供移动网页的超文本标记语言规范、运行环境和缓存页面缓存系统来加速移动网页的运行。
组合重复数据删除只需要在所有模板中添加几个字的代码。必须添加红色部分。
& lt！DOCTYPE html。
& lthtml mip
& lt头部；
& lt元http-equiv = & quot；内容类型内容= & quot文本/html；字符集=utf-8。/。
& lt元名称= & quot视口内容= & quot宽度=设备宽度，最小刻度=1，初始刻度=1；
& lt链接关系= & quot样式表类型= & quot文本/csshref = & quothttps://MIP cache . BD static . com/static/MIP main-v 0 . 0 . 1 . CSS。；
& lt/head。
& lt身体；你好，世界！& lt/body。
& lt脚本src = & quothttps://MIP cache . bdstatic . com/static/MIP main-v 0 . 0 . 1 . js。；& lt/script。
& lt/html。
有很多重要的指示，请参考官方指示:https://www.mipengine.org/doc/2-tech/mip-html.html
自定义样式规范
出于性能原因，html中不允许内嵌样式。所有样式只能放在head的样式标签中。请参考本网站主页上的模板。
& lt头部；
& lt风格MIP-定制；
p { color:# c00；}
& lt/style。
& lt/head。
& lt身体；
& ltp；你好，世界！& lt/p。
& ltp style = & quot颜色:#c00；这种嵌入式风格不再采用
网页设计的常用加速方法
1.良好的设计结构
将以下代码添加到网页的头部，并遵循XHTML代码来提高下载和解析速度
& lt！DOCTYPE html PUBLIC-//W3C//DTD XHTML 1.0严格//EN & quot；
“http://www.w3.org/TR/xhtml1/DTD/xhtmlstrict.dtd"；
必须牢记的代码标签规则:
(1)块级元素(元素占据一行并垂直排列)单独使用或组合使用:< p；<。ul；-& lt；Li；<。dl。-& lt；dt；-& lt；DD；<。h1；~ & ltH4；(e)等；
(2)在线元素(同一行中的元素)采用:< a；<。b；<。我；<。em；<。跨度；；
(3)块级元素包括内嵌元素，而内嵌元素不包括块级元素；
(4)内嵌元素对于宽度和高度无效。可以设置行高，上下边距和填充无效。
(5)显示:block用于将内嵌元素更改为块级元素，display:inline-block用于将块级元素更改为行间元素，可以上下设置边距和填充；
⑥标签应尽可能使用类，id类应减少。命名规则应该是短小的英语，小而全的带数字或下划线的拼音。不建议使用驼峰命名，例如
& ltdiv id = & quot导航图标class = & quot导航图标；
示例:全通用导航HTML和CSS编写
& ltdiv id = & quot导航；
& ltul；
& ltli类= & quot悬停；& lta href = & quot/& quot；；主页
2.网页简洁，不应该有太多的内容。
特别是对于以内容为主题的博客网站，每篇文章的内容简介都要尽可能的概括重点，文章的前几十个字也可以用。建议单独写一个简介，包括关键词和主要内容。
3.图片和文字的合理使用
网站的前端设计得非常吸引人。图片占据了空的绝大多数。如果你的服务器不够好，请尝试使用文字，以便搜索引擎可以获得更多关于这个页面的信息。
不要用图片代替文字。一些按钮和不必要的小图标可以设计成文本和CSS样式，以尽量减少页面加载的次数。现在的浏览器兼容性很强，有些ie6兼容性不用完全考虑，可以用CSS来解决绝大多数图标问题。
图像路径采用绝对路径代替；/../。的相对路径。上传图片之前，我们需要对它们进行处理，并权衡清晰度和大小。如果不是专业摄影展，我们可以采用纯色背景+文字的形式。颜色元素越多，图片越大。此外，图片元素需要完整，尺寸可以在样式表中统一编译，样式表必须包含alt标记。
& ltimg src = & quot/img/1.jpg。alt = & quot图片“宽度= & quot100高度= & quot两百磅；
在MIP规则的情况下
4.正确使用JavaScript
JavaScript在网页设计中是不可或缺的，并且在网页上有许多JS效果。采用的JavaScript包是不同的，并且经常会有冲突、重复等。但是，如果这些内容是内嵌在网页中，加载时间将受到影响。最好的方法是将这些内容具体化。
& lt链接/css/Style.css媒体= & quot全部rel = & quot样式表类型= & quot文本/css/。
& lt脚本src = & quot/js/Javascript.js。类型= & quot文本/javascript；& lt/script。
5.不要使用表格布局
指的是一种形式，而不是一种形式。<表格；作为一个块级元素，它在早期被用于网页布局，但是它会添加很多源代码和样式，使修改和维护变得很麻烦，并且采用更简单的DIV+CSS。
6.压缩CSS、JS、PHP、HTML、XML方法
Gzip是最常用的，许多浏览器支持这种压缩算法。参考文章“Gzip压缩教程测试对王湾虚拟主机有效”；
您还可以使用在线压缩工具删除空框、回车符、符号、注释、空白色。事实上，当你在写作时有了这样的意识，这些问题就不是任何问题了。
原文链接：http://www.sjzseo.net/1019.html，转载请注明出处。
评论0