響應(yīng)式網(wǎng)站,通俗的說,就是一個網(wǎng)站可以兼容不同的終端,用戶在訪問網(wǎng)站時,網(wǎng)頁可以根據(jù)屏幕的大小,自動適應(yīng),不用為每個分辨率設(shè)備做一個特定版本的網(wǎng)站。
因此有建站公司宣傳時打出了 “響應(yīng)式網(wǎng)站=PC網(wǎng)站+PAD網(wǎng)站+手機網(wǎng)站”,力證響應(yīng)式網(wǎng)站是更好、更快、更省的建站方案。
然而不要開心得太早,數(shù)據(jù)表明響應(yīng)式設(shè)計會令你的用戶和經(jīng)濟效益流失30-50%。
響應(yīng)式網(wǎng)站看上去很美,但是有以下幾個致命缺點:
1.響應(yīng)式設(shè)計的核心仍是電腦網(wǎng)站,不能自由布局,做不到移動端的優(yōu)化體驗,
H5自助建站平臺微企點最早也是進軍響應(yīng)式建站,在開發(fā)了半年之后,發(fā)現(xiàn)了一個致命的問題,就是響應(yīng)式網(wǎng)頁不能自由布局,文字或圖片元素只能刪減,不能增加,圖文只能更新,無法拖動位置,圖片無法放大或者縮小,也就是說所有的元素都是被鎖死的。前端程序員花了很長時間優(yōu)化,最后悲傷地發(fā)現(xiàn),一旦PC端允許用戶可以增加或者拖動編輯圖文,在手機端就的展示就會混亂,顧此失彼。
現(xiàn)在還在堅持響應(yīng)式建站的工具,比如H5建站云、領(lǐng)動建站、微加建站,都是鎖定元素,不能自由布局。就算是國外建站的領(lǐng)頭羊WIX、WEEBLY,有十多年的經(jīng)驗,也無法解決響應(yīng)式建站的自由布局難題。
另外,PC端展示和移動端展示存在很多不一致,例如在手機端就沒有辦法呈現(xiàn)鼠標滑過懸停的效果。國內(nèi)在響應(yīng)式建站工具領(lǐng)域比較領(lǐng)先的突唯啊,其實采用的主要是CSS技術(shù),建站操作非常復(fù)雜,并且犧牲了H5動效交互,小白用戶很難上手,易用性就成為一個大問題。
響應(yīng)式網(wǎng)站并不能取代移動網(wǎng)頁,其價值是作為PC端網(wǎng)站一個移動端小補充,聊勝于無。如果要做移動端商業(yè)推廣,還是單獨開發(fā)移動端網(wǎng)站為佳。響應(yīng)式之父Ethan Marcotte也說過,“最重要的是,響應(yīng)式網(wǎng)頁設(shè)計的初衷不是要取代移動網(wǎng)頁”。
2.響應(yīng)式設(shè)計對搜索關(guān)鍵詞優(yōu)化和排名不友好
搜索引擎對于PC網(wǎng)站和移動網(wǎng)站的收錄和關(guān)鍵處排名的策略不一致。一套代碼的響應(yīng)式網(wǎng)站就增添了搜索引擎的處理障礙。獨立的移動端網(wǎng)站和PC網(wǎng)站還是單獨開發(fā)為宜,這樣能更好地SEO優(yōu)化工作。
微企點自己的官網(wǎng)也是PC網(wǎng)站和手機網(wǎng)站分開設(shè)計的,共享數(shù)據(jù)庫和域名,這是一種更加高明的適應(yīng)方式,對于SEO,后面的優(yōu)化措施也更多。
3.響應(yīng)式網(wǎng)站存在大量冗余代碼,頁面體積大,浪費流量,訪問慢。
響應(yīng)式網(wǎng)站一般是基于PC端來設(shè)計的,一般會使用高質(zhì)量的圖片和視頻,在移動端要訪問同樣大小的圖片或視頻,會浪費很多流量。
如果一個PC頁面的達到4M,在手機端打開就會慢,加載不充分。響應(yīng)式(自適應(yīng))設(shè)計存在大量的冗余代碼,會消耗大量的流量。在國內(nèi)高流量費面前,用戶是想都不用想就會放棄使用你的網(wǎng)站的。
微企點(wqdian.com)在響應(yīng)式建站階段,就發(fā)現(xiàn)無論是通過圖片壓縮、CDN等手段都解決不了網(wǎng)頁打開慢的問題,而且還經(jīng)常出現(xiàn)瀏覽器閃退情況,移動網(wǎng)頁不具備在移動端推廣的基礎(chǔ)。這也成為微企點果斷轉(zhuǎn)型到H5建站的一大理由。
梅州歐亞綜合門診部https://yyk.familydoctor.com.cn/21252/
連云港國泰醫(yī)院https://yyk.familydoctor.com.cn/21307/