MIP是一項長期開源的內(nèi)容,并且將成為移動頁面的一種標(biāo)準(zhǔn),那么在這項長期的計劃中站長將會得到什么樣的收益呢?
我們知道,普通的一個HTML網(wǎng)頁,一般包含 :html內(nèi)容和代碼、css框架、JS文件、多媒體文件(圖片、視頻、音頻)等,因此網(wǎng)站優(yōu)化過程中少不了對網(wǎng)站代碼的優(yōu)化。MIP提供了便捷的開發(fā)支持和豐富的組件應(yīng)用,使用 MIP后用戶等待加載的時間將大大縮短,頁面內(nèi)容將以更友好的方式瞬時到達(dá)用戶。
1、MIP HTML改造
根據(jù)MIP HTML標(biāo)簽進(jìn)行替換,或者根據(jù)MIP HTML標(biāo)準(zhǔn)新建模版(詳情見 教程MIP HTML開發(fā)指南)。規(guī)范中有兩類標(biāo)簽,一類是HTML常規(guī)標(biāo)簽,另一類是MIP標(biāo)簽。
MIP標(biāo)簽是自定義的HTML標(biāo)簽,結(jié)合對應(yīng)的JS腳本共同完成標(biāo)簽的特殊功能,一套HTML+JS也被稱作一個 MIP HTML 組件,使用它們來替代HTML常規(guī)標(biāo)簽可以大幅提升頁面性能。
例如,mip-img標(biāo)簽,它使得圖片只在需要時才進(jìn)行加載,減少了頁面渲染時間,節(jié)省了用戶的流量。還有一種MIP組件能夠直接完成交互,例如<mip-accordion>組件能夠完成特定內(nèi)容的隱藏展現(xiàn)交互。
2、MIP JS引用及組件JS引用
引用官方標(biāo)準(zhǔn)化JS文件,為MIP頁提供運行基礎(chǔ)?,F(xiàn)在官方還可以支持的JS組件有:百度統(tǒng)計、分享、百度廣告等,目前所提供的JS組件,足以創(chuàng)造一個簡潔美觀的MIP站點。MIP不允許用戶自定義JavaScript,需要以引用組件的形式,在HTML標(biāo)簽中聲明組件,在頁面尾部引入對應(yīng)JS文件,從而確保安全性和性能表現(xiàn)。
另外可以引用mip-iframe來引入實現(xiàn)部分富交互的功能,這樣,即使開發(fā)時使用Z影響性能的document.write,也不會影響主頁面的渲染。
MIP組件是開源的,允許開發(fā)者自定義功能組件,項目也將持續(xù)提供多樣的組件,以滿足不同的需求。當(dāng)然,后期將不斷開發(fā)放出更多大家需要的JS組件。
3、MIP Cache接入
即接入百度緩存服務(wù)器提供加速服務(wù)。當(dāng)網(wǎng)頁進(jìn)行MIP HTML標(biāo)準(zhǔn)改造完成后,在百度站長平臺有MIP標(biāo)準(zhǔn)審核工具以及數(shù)據(jù)提交工具,檢驗合格的內(nèi)容通過工具提交后,將在百度進(jìn)行展現(xiàn),展現(xiàn)內(nèi)容的形式為https://百度緩存域名/MIP站點網(wǎng)頁地址,這樣能做到擁有 HTTP請求來自于同源,達(dá)到加速加載的目的。
使用MIP規(guī)范之后頁面的速度會大幅上升,進(jìn)而減少用戶的等待時間,減少用戶放棄。在日均UV(獨立訪客)不變的情況下,頁面的PV(PageView)會有所增加。當(dāng)全站的每個頁面都能在1秒內(nèi)打開,用戶每次點擊都會立馬得到響應(yīng),就會提高用戶體驗和滿意度。如果頁面內(nèi)容有趣,用戶就會在各個頁面間沖浪(Surf),用戶消費了更多網(wǎng)頁提供服務(wù)時長,頁面廣告也會得到更多的曝光。
眾所周知,百度的自然結(jié)果是根據(jù)相關(guān)性和頁面質(zhì)量排名的。在2020年年底,百度推出了《百度搜索Mobile Friendly標(biāo)準(zhǔn)》作為頁面排序的參考因素,其中有頁面加載速度體驗一項。使用MIP規(guī)范,能夠加快網(wǎng)頁加載速度,使頁面更符合標(biāo)準(zhǔn)。
MIP-HTML 擁有不斷完善的的組件庫(圖片預(yù)覽、統(tǒng)計組件、分享組件等)可以使用,直接使用已有組件,能夠保證代碼質(zhì)量和各個終端瀏覽器的兼容性,利用Z小Z快的方式達(dá)到交互效果。后續(xù)組件還會不斷增加,以滿足各方的需求。
MIP-HTML組件和JS運行環(huán)境與前端代碼語法相同,遷移已有頁面到MIP并不是一件困難的事情。百度還為開發(fā)者提供了實時校驗工具,幫助MIP用戶開發(fā)出完全符合規(guī)范的頁面。
