百度站長近日出了一個MIP的功能入口，其實這個是谷歌的AMP的翻版，官方的解釋是：
MIP（Mobile Instant Page - 移動網頁加速器），是一套應用于移動網頁的的開放性技術標準，通過提供MIP-HTML規(guī)范、MIP-JS運行環(huán)境以及MIP-Cache頁面緩存系統(tǒng)，實現移動網頁加速。
結合DedeCMS只需要在所有模板里增加幾句代碼即可。紅色部分是必須增加的。
<!DOCTYPE html> <html mip> <head> <meta http-equiv="Content-Type" content="text/html; 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/mipmain-v0.0.1.css"> </head> <body>Hello World!</body> <script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script> </html>
還有許多重要說明請參考官方說明：https://www.mipengine.org/doc/2-tech/1-mip-html.html
自定義樣式規(guī)范
處于性能考慮，html中不允許使用內聯的style，所有樣式只能放到head的style標簽內，參考本站首頁的模板。
<head>
<style mip-custom>
p{color:#c00;}
</style>
</head>
<body>
<p>Hello world!</p>
<p style="color:#c00">這樣的內聯style不再采用</p>
</body>
什么是網頁加速，對網站SEO有多大影響
網頁加速顧名思義是讓網頁更快地傳送到客戶端，減少用戶的等待時間，對SEO來說有重要作用，用戶體驗會影響到網站綜合數據（PV、停留時間、跳出率等）。因此要做好網站的SEO優(yōu)化，就要盡最大的努力讓網站的表現最好。
常見的網頁設計加速方法
1.良好的設計結構
在網頁頭部添加下面代碼，遵循XHTML編碼，以提高下載和解析速度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
必須牢記的代碼標簽規(guī)則：
①塊級元素（元素占用一行，垂直方向排列）采用單獨或者組合：<p>、<ul>-<li>、<dl>-<dt>-<dd>、<h1>~<h4>等；
②行內元素（元素在同一行）采用：<a>、<b>、<i>、<em>、<span>；
③塊級元素包含行內元素，行內元素不包含塊級元素；
④行內元素對width、height無效，可以設置line-height，margin、padding上下無效；
⑤采用display:block實現行內元素變塊級元素，display:inline-block實現塊級元素元素變行間元素并可以設置margin、padding上下；
⑥標簽盡量使用class類，減少使用id類，命名規(guī)則以簡短小寫英文、小寫全拼音加數字或下劃線為主，不建議采用駝峰式命名，如
<p id="navHoverOne" class="navHoverOne">
例子：全通式導航HTML與CSS寫法
<p id="nav">
<ul>
<li class="hover"><a href="/">首頁</a></li>
<li><a href="/link1">欄目1</a></li>
<li><a href="/link2">欄目2</a></li>
<li><a href="/link4">欄目3</a></li>
</ul>
</p>
CSS樣式表
<style>
#nav{width:100%;}
#nav ul{width:1000px;margin:0 auto;}
#nav ul li a{display:inline-block;line-height:30px;padding:0 20px;background:#ccc;color:#808080;}
#nav ul li a:hover{background:#c00;}
#nav .hover{background:#c00;}
</style>
在MIP的規(guī)則下<style>被替換為<style mip-custom>，一些具體的標簽參考官方說明。
2.網頁簡潔，不宜填充過多內容
特別以內容為主題的博客類網站，每一篇的內容簡介盡量把重點概括，也可以采用文章開頭的幾十個字，建議單獨編寫簡介，把關鍵詞和主要內容包含在里面。
3.圖片和文字的合理采用
網站前端設計得非常大氣吸引人，圖片占據了絕大多數的空間，如果你的服務器不夠牛，請盡量采用文字的形式，這樣搜索引擎也能獲取更多關于這個頁面的信息。
不要用圖片代替文字，一些按鈕、不必要的小圖標可以采用文字和CSS樣式的設計，盡量減少加載網頁的加載次數�，F在瀏覽器兼容性強，一些ie6的兼容性完全不用考慮，可以采用CSS解決絕大多數的圖標問題。
圖片路徑采用絕對路徑而不要帶有“/../”的相對路徑。圖片上傳前需要進行處理，在清晰度和大小之間權衡，如果不是專業(yè)的圖片展，大可以采用純色背景+文字的形式，圖片顏色元素越多，圖片越大。 另外圖片元素需要完整，尺寸也可以在樣式表里統(tǒng)一編寫，必須含有alt標簽。
<img src="/img/1.jpg" alt="圖片" width="100" height="200">
如果是MIP規(guī)則的話<img>標簽被替換為<mip-img>使用的時候需要注意。
4.正確使用JavaScript
網頁設計中少不了JavaScript，網上有非常多的JS效果，采用的JavaScript封裝不一樣，往往出現沖突、重復等情況，而網頁內聯這些內容的話會影響加載時間，最好的辦法是讓這些外部化。
<link href="/css/Style.css" media="all" rel="Stylesheet" type="text/css" /> <script src="/js/Javascript.js" type="text/javascript"></script>
5.不使用表格布局
指的是表格而不是表單，<table>作為塊級元素，早期被用來進行網頁布局，但是會增加非常多的源代碼和樣式，修改維護麻煩，采用更簡單的DIV+CSS。
6.壓縮CSS、JS、PHP、HTML、XML方法
最常用的是采用Gzip，許多瀏覽器都支持這樣的壓縮算法。參考文章《萬網虛擬主機開啟Gzip壓縮教程測試有效》；
也可以使用在線壓縮工具，可以刪除空格、回車、符號、注釋、空白，其實自己在編寫的時候有這樣的意識后，這些問題都不是什么問題。
