女同侵犯中文字幕_黄色网站A在线免費看_人妻被按摩到潮喷中文字幕_无码AV动漫精品一区二区免费


【移動(dòng)網(wǎng)頁(yè)加載神器】如何快速改造一個(gè)MIP站點(diǎn)

2016年 / 11月03日

在由InfoQ主辦的QCON技術(shù)大會(huì)上,百度搜索資深工程師沈洲 大規(guī)模前端系統(tǒng)專(zhuān)題中做了名為《移動(dòng)頁(yè)面加速框架的探索與實(shí)踐》的主題演講,其中,提到了一種開(kāi)源新技術(shù) --MIP。這讓小編意識(shí)到之前一直忽略的知識(shí)點(diǎn)及問(wèn)題,小編雖然從事SEO已經(jīng)有幾個(gè)年頭了,但一直以來(lái)都是從事PC端的優(yōu)化工作,而忽略了移動(dòng)端,這幾年隨著手機(jī)智能化的發(fā)展,移動(dòng)端已經(jīng)成為主流,其中的流量已經(jīng)有超過(guò)PC端的勢(shì)頭。所以,小編不得不正視這個(gè)問(wèn)題,并最近瘋狂的認(rèn)識(shí)并學(xué)習(xí)MIP—移動(dòng)網(wǎng)頁(yè)加速器。下面把自己所學(xué)習(xí)和了解的分享給大家。

MIP到底是什么?

從百度MIP的官方資料,我們可以查閱到:

  MIP Mobile Instant Pages - 移動(dòng)網(wǎng)頁(yè)加速器), 是一套應(yīng)用于移動(dòng)網(wǎng)頁(yè)的開(kāi)放性技術(shù)標(biāo)準(zhǔn)。通過(guò)提供MIP-HTML規(guī)范、MIP-JS運(yùn)行環(huán)境以及MIP-Cache頁(yè)面緩存系統(tǒng),實(shí)現(xiàn)移動(dòng)網(wǎng)頁(yè)加速。

簡(jiǎn)單來(lái)說(shuō)MIP是由百度推出的一套移動(dòng)網(wǎng)頁(yè)開(kāi)放性標(biāo)準(zhǔn),直白點(diǎn)說(shuō)就是百度為了進(jìn)一步提高用戶體驗(yàn)進(jìn)而推出的一系列規(guī)范標(biāo)準(zhǔn),站長(zhǎng)參與MIP改造計(jì)劃能夠與百度共同獲得一定的收益。

從目前看來(lái)站長(zhǎng)朋友改造MIP站點(diǎn)除了獲得收錄排序等潛在優(yōu)勢(shì)外,可以解決絕大部分站點(diǎn)因加載慢、展現(xiàn)慢等劣勢(shì)。雖然現(xiàn)在大部分站點(diǎn)解決了PC站點(diǎn)的加載速度,但因移動(dòng)端的特性很多站點(diǎn)在移動(dòng)端的全局加載并非能夠達(dá)到最佳狀態(tài),那么通過(guò)改造MIP Cache就能夠緩存你的頁(yè)面資源!讓你免費(fèi)使用與百度搜索引擎一樣的CDN,你說(shuō)是不是夠叼?

言歸正傳,我們來(lái)快速的改造,將原本的移動(dòng)站點(diǎn)改造成為MIP站點(diǎn)。

一、  改造前期準(zhǔn)備和注意事項(xiàng)

1.首先你必須得有移動(dòng)站點(diǎn)(當(dāng)然你也可以完全重新開(kāi)發(fā)MIP站);

2.你可以選擇直接將原先的移動(dòng)站點(diǎn)直接改成MIP站,也可以單獨(dú)在做一套MIP站點(diǎn)與移動(dòng)站并存。

3.復(fù)雜的頁(yè)面暫不建議MIP改造,目前支持資訊、圖文類(lèi)支持已較好,若功能較為復(fù)雜的建議自定義組件或等待MIP項(xiàng)目小組開(kāi)發(fā)。

4.改造需具備一定的html知識(shí),改造MIP教程請(qǐng)按照教程來(lái),特別注意大小寫(xiě),建議全局小寫(xiě)。

二、 詳細(xì)改造流程

我們從一個(gè)html頁(yè)面的上下順序一步步改造,只要按照本文章內(nèi)的一步步來(lái),即可完成Mip改造。

1. Doctype改造

1.1打開(kāi)你的模板或代碼文件看第一行,不出意外的話是這么一句:

也有可能是這么一句:

無(wú)論是那句記住第一句一定是:

2.標(biāo)簽改造

2.1 完成第一步后,代碼往下看,將:

或:

直接改成:注意大小寫(xiě)

3.Head部分改造

3.1標(biāo)簽必須是完全小寫(xiě)。

3.2 頁(yè)面的編碼必須是utf-8,修改聲明為:

3.3頁(yè)面中加入

3.4   頁(yè)面中加入MIP專(zhuān)用樣式文件< linkrel="stylesheet" type="text/css" data-ke-src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >

3.5   這里需要告訴搜索引擎改頁(yè)面對(duì)應(yīng)的標(biāo)準(zhǔn)html頁(yè)面地址,如果存在則標(biāo)識(shí) 其中hrefhttps://www.baidu.com修改成為與當(dāng)前mip頁(yè)面相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面(移動(dòng)頁(yè))url地址。如果只有mip頁(yè)面沒(méi)有相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面則標(biāo)識(shí)為: 其中的href值為當(dāng)前頁(yè)面地址。

4.Body內(nèi)改造

4.1首先標(biāo)簽必須是小寫(xiě)的;

4.2加入MIP專(zhuān)用JS文件:


4.3   常見(jiàn)標(biāo)簽替換表

MIP站點(diǎn)常見(jiàn)標(biāo)簽替換表


更全的標(biāo)簽禁止使用表請(qǐng)見(jiàn):https://www.mipengine.org/doc/3-tech/1-mip-html.html

 5.使用MIP Cache注意事項(xiàng)

5.1一般Cache圖片、樣式、腳本,做完上述4步后,建議修改資源地址為相對(duì)地址;

5.2Cache的內(nèi)容需要更新需要通過(guò)MIP數(shù)據(jù)提交中的更新數(shù)據(jù)接口,把更新的url鏈接推送過(guò)去,等待百度更新。

三、其他注意事項(xiàng)

3.1 本文旨在快速將移動(dòng)站點(diǎn)改造成MIP站點(diǎn),部分遺漏部分功能詳細(xì)見(jiàn)https://www.mipengine.org

3.2 除了上述這些需求外,一部分站點(diǎn)可能需要用到組件,里面包含了目前來(lái)說(shuō)支持的一部分組件,后續(xù)我在繼續(xù)講解組件的使用方法,因?qū)?/span>js引用的限制,我簡(jiǎn)單舉例說(shuō)明一下使用百度統(tǒng)計(jì)該如何實(shí)現(xiàn):

3.2.1 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js 放在前。

3.2.2 去百度統(tǒng)計(jì)工具查看統(tǒng)計(jì)JS代碼

如何快速改造一個(gè)MIP站點(diǎn)

3.2.3 獲取畫(huà)框部分token,在js引用代碼前放入代碼:并將token值換成你統(tǒng)計(jì)代碼內(nèi)的token值。

3.3 上述步驟做完mip站點(diǎn)改造基本結(jié)束,我們?cè)?/span>mip頁(yè)面標(biāo)識(shí)了標(biāo)準(zhǔn)頁(yè)面的地址,同樣為了加速收錄我們也需要在我們標(biāo)準(zhǔn)移動(dòng)頁(yè)面標(biāo)識(shí)該頁(yè)面相對(duì)應(yīng)的mip頁(yè)面,代碼如下:改成該頁(yè)面對(duì)應(yīng)的mip頁(yè)面地址">

3.4 最后我們做完了mip頁(yè)面建議大家都做一下數(shù)據(jù)推送,會(huì)有意想不到的效果!

     



拓展閱讀:

MIP數(shù)據(jù)推送方法:

MIP數(shù)據(jù)推送方法



推送方式:

MIP數(shù)據(jù)推送方法