你是不是經(jīng)常遇到這種情況 ？用手機打開一個網(wǎng)站，等了五六秒還沒加載完，氣得直接關(guān)掉；或者好不容易加載出來
 ，hhpoker客服聯(lián)系字小得要用放大鏡看 ，按鈕死活點不準(zhǔn)...這時候你心里是不是在罵："這破網(wǎng)站怎么做成這樣的？" 哎，別急著罵別人 ，可能你的網(wǎng)站也正在經(jīng)歷同樣的問題！今天咱們就來聊聊，新手小白怎么把移動端網(wǎng)站做到又快又好，還能讓搜索引擎瘋狂給你送流量——特別是那些想搞懂"新手如何快速漲粉"的朋友，這里面的門道可多著呢。

??一 、為什么你的網(wǎng)站總是慢得像蝸牛？??
其實啊 ，移動端加載速度慢的罪魁禍?zhǔn)? ，80%都出在這三件事上：

1. ??圖片大得能當(dāng)壁紙??（網(wǎng)頁1提到WebP格式能減少70%圖片體積）
2. ??服務(wù)器遠在天邊??（用CDN加速后加載時間能縮短40%）
3. ??代碼寫得像老太太的hhpoker客服聯(lián)系裹腳布??（合并CSS/JS文件可減少30%請求次數(shù)）

舉個栗子 ，你要是把一張2MB的婚紗照原圖直接扔網(wǎng)頁里，用戶用流量打開時估計心都在滴血
。這時候用TinyPNG壓縮到200KB ，肉眼根本看不出區(qū)別，但加載速度直接起飛！

??二 、適配性差到底有多要命？??
前兩天有個做外貿(mào)的朋友跟我吐槽："明明電腦上看挺正常的頁面
，怎么到手機上就變成俄羅斯方塊了
？" 這就是典型的適配性翻車現(xiàn)場。記住這三個救命法則：

1. ??響應(yīng)式設(shè)計是基本操作??（網(wǎng)頁3說移動流量已超PC端50%）
2. ??手指不是繡花針??（按鈕最小要44x44像素才點得準(zhǔn)）
3. ??文字別玩躲貓貓??（正文至少16px，行高1.5倍看著最舒服）

要是你的網(wǎng)站還在用Flash這種老古董，趕緊扔掉