MIP改造是2017年的事了,很多站長嘗試做,但是又最終放棄了,不是因?yàn)楦脑爝^程麻煩,而是沒想清楚為什么要改造成MIP。現(xiàn)在移動端一般用H5+CSS做成自適應(yīng)頁面或獨(dú)立的移動端模板。兩種頁面訪問速度上哪個快呢?
移動端H5頁面
頁面需要增加特效要考慮瀏覽器兼容性,目前IE、火狐、谷歌瀏覽器都不統(tǒng)一,各有各的一套代碼方案,開發(fā)確實(shí)比較費(fèi)勁。目前H5+CSS3是比較經(jīng)典的移動端組合,目前移動端的瀏覽器內(nèi)核都比較新,都支持CSS3,缺點(diǎn)是代碼復(fù)雜,一般只有展示某種概念或產(chǎn)品才采用多特效的代碼,并不建議大家過多采用。
當(dāng)然可以考慮比較成熟的框架來做,比如Bootstrap、Foundation、還有本文重點(diǎn)講的MIP改造,這些效果都已經(jīng)封裝好了,只需要調(diào)用就行,讓開發(fā)更便捷。
訪問速度主要受JS和圖片的影響,很多H5框架離不開JQuery,完整的JQ庫還是比較大的,建議大家用較新的壓縮過的版本。圖片由于考慮到PC和移動端,兼顧大小和清晰度,因此圖片相對會比較大,加載時間稍長,可以用第三方CDN做圖片儲存。
獨(dú)立移動端頁面
頁面只考慮移動端訪問,圖片可以做到更小,加載時間更短,可以用原生的Javascript,不需要復(fù)雜的效果,用CSS3完全能解決絕大多數(shù)的效果。只需要做好移動端頁面和PC端的頁面的適配就行。
MIP改造
既然有上面兩種方法做移動端了,為什么還要做MIP改造呢?MIP被稱為移動加速器,用的原生Javascript,基礎(chǔ)效果已經(jīng)模塊化了,直接調(diào)用相應(yīng)的JS即可。有一定的使用規(guī)范,標(biāo)簽也有部分需要修改。完成MIP改造校驗(yàn)后,就可以嘗試訪問速度的提升效果。
筆者實(shí)測確實(shí)對圖片的處理還是很讓人滿意的。用戶用移動搜索的時候會有藍(lán)色的閃電icon,目的是告訴大家,這個鏈接很干凈,訪問速度很快,權(quán)威性強(qiáng)。MIP改造過程比較繁瑣,通過網(wǎng)站的后臺把改造后的頁面的URL提交到百度,這樣在移動端搜索的時候就是MIP改造后的頁面。如果結(jié)合熊掌號,就是熊掌號+MIP改造頁面,展示效果更好。MIP對SEO的作用參考文章
- 移動mip改造對SEO的影響