網(wǎng)站能做到秒開(kāi)是非常好的用戶體驗(yàn)，特別是現(xiàn)在移動(dòng)端的用戶越來(lái)越多，筆者統(tǒng)計(jì)了一下自己手上的多個(gè)網(wǎng)站，有60%-80%的流量是來(lái)自移動(dòng)端，特別是服務(wù)類(lèi)型的網(wǎng)站，移動(dòng)端流量甚至達(dá)到90%以上。本文從會(huì)給大家分享筆者多年P(guān)C端、移動(dòng)端優(yōu)化經(jīng)驗(yàn)，從零做起，多個(gè)方面著手，讓網(wǎng)站流暢、轉(zhuǎn)化率更高。

分析受眾（用戶），確定優(yōu)化方向

本博客屬于技術(shù)類(lèi)的網(wǎng)站，技術(shù)類(lèi)博客和企業(yè)、服務(wù)站是有一定區(qū)別，這個(gè)區(qū)別多是用戶群體，技術(shù)類(lèi)的文章受眾是做運(yùn)營(yíng)、推廣、SEO工作的人，這類(lèi)人多是坐在電腦前，移動(dòng)端的流量相對(duì)少，但也能達(dá)到五五分。企業(yè)站的用戶多是有某種明確需求的人，是找服務(wù)、項(xiàng)目或解決某種疑惑。

這樣就明白剛開(kāi)始應(yīng)該往移動(dòng)端還是PC端方向開(kāi)展工作，到后面其實(shí)兩種都需要做，先做容易出效果的平臺(tái)，再考慮全面發(fā)展。

影響網(wǎng)站流暢的因素

1、網(wǎng)站體積是否臃腫

網(wǎng)站流暢是除了服務(wù)器硬件、地域問(wèn)題，網(wǎng)站的“體積大小”也是重要因素，并不是所有的網(wǎng)站都能做到那么“苗條”。現(xiàn)在做網(wǎng)站多是往輕量化、自適應(yīng)發(fā)展，這樣的好處是：不臃腫、權(quán)重集中、不會(huì)出現(xiàn)重復(fù)收錄的情況，能用CSS(3)解決的絕不用JS，參考下面資料：

• CSS實(shí)現(xiàn)不同分辨率下樣式自適應(yīng)
• 終極講解移動(dòng)端適配設(shè)置與SEO優(yōu)化

2、圖片加載時(shí)間

圖片加載時(shí)間是影響網(wǎng)站打開(kāi)速度的主要原因，搜索引擎無(wú)法直接識(shí)別圖片的內(nèi)容，是通過(guò)alt“讀”的。筆者把圖片下載后，修改了MD5值，再拖到百度圖片搜索欄后發(fā)現(xiàn)未識(shí)別到相似圖片，AI智能識(shí)別技術(shù)應(yīng)該還沒(méi)有運(yùn)用到搜索引擎上，圖片優(yōu)化有以下方面：

• 如果在移動(dòng)端可以用稍微小點(diǎn)的圖片，圖片用什么格式都不重要，只要體積夠�。�
• 圖標(biāo)用iconfont（圖標(biāo)文字）或多個(gè)圖標(biāo)做成一張背景透明的圖，用CSS樣式控制顯示；
• 搜索引擎對(duì)首屏內(nèi)容的加載時(shí)間有打分，可以考慮用圖片延遲加載技術(shù)，提升體驗(yàn)，網(wǎng)站圖片Lazyload延遲加載技術(shù)；
• CDN全站加速或選擇圖片加速，參考文章DedeCMS集成百度編輯器七牛完美修正版

3、框架是否輕量化

現(xiàn)在WEB前端開(kāi)發(fā)很多人用框架做，這樣做的好處是：節(jié)約開(kāi)發(fā)時(shí)間，只要熟悉框架的基本用法就行了；缺點(diǎn)是：多數(shù)框架用的jQuery體積大，對(duì)移動(dòng)端來(lái)說(shuō)確實(shí)比較麻煩，加載時(shí)間會(huì)受影響。

百度一直在做MIP的推廣，筆者在原來(lái)的頁(yè)面做了MIP改造，一些復(fù)雜的網(wǎng)站改造難度大，建議做獨(dú)立的MIP模板，互不影響。參考資料：移動(dòng)MIP改造對(duì)SEO的影響

自己做模板最精簡(jiǎn)，但對(duì)建站公司來(lái)說(shuō)是比較痛苦的，因?yàn)殚_(kāi)發(fā)時(shí)間變長(zhǎng)了。筆者建議大家，除非客戶非常在意，沒(méi)必要那么花精力，多數(shù)的人是“門(mén)外漢”，看不到（懂）底層的東西。

建網(wǎng)站的目的：

• 提升自身形象，展示為主，業(yè)務(wù)不來(lái)自網(wǎng)絡(luò)，比如萬(wàn)達(dá)、政府機(jī)構(gòu)；
• 業(yè)務(wù)為主，比如做競(jìng)價(jià)，只要能正常使用就行，不在乎內(nèi)容豐富和收錄量；
• 也是做業(yè)務(wù)為主，但屬于SEO方向，基礎(chǔ)優(yōu)化要做好，可以方便進(jìn)行SEO設(shè)置；
• 流量站，如圖片站、小說(shuō)站，這類(lèi)網(wǎng)站不在討論范圍。

行業(yè)不同，頁(yè)面設(shè)計(jì)也各有特點(diǎn)，看相關(guān)行業(yè)的網(wǎng)站找點(diǎn)靈感還是可以的，如果是扒皮（仿站），相似度絕對(duì)會(huì)超過(guò)80%，這個(gè)很容易被檢測(cè)出來(lái)，而且能被你搜到的，肯定是被搜索引擎認(rèn)同的網(wǎng)站。

一些人會(huì)下載免費(fèi)的模板，實(shí)在沒(méi)辦法就用付費(fèi)的模板，獲取成本高點(diǎn)，使用的人也會(huì)相對(duì)少點(diǎn)。免費(fèi)模板不會(huì)提供技術(shù)支持，真有BUG也排除不了，拿過(guò)來(lái)也沒(méi)用。秀站網(wǎng)做優(yōu)化網(wǎng)站堅(jiān)持純手打，骨灰級(jí)極簡(jiǎn)代碼，不用開(kāi)發(fā)框架，打開(kāi)速度快，可自適應(yīng)， 也可用MIP加速，用SEO的思維布局，從根本上解決轉(zhuǎn)化率問(wèn)題。