持續(xù)分享干貨，培育用戶成長(zhǎng)
Google Adwords、Seo、Facebook營(yíng)銷，社交營(yíng)銷等實(shí)操營(yíng)銷課程
如上圖，它出現(xiàn)的問(wèn)題是，用手機(jī)打開(kāi)網(wǎng)站，顯示的卻是pc端的排版。不但文字密密麻麻，還麻煩到手動(dòng)拉大才可以看清。還談什么用戶體驗(yàn)！還談什么網(wǎng)站轉(zhuǎn)化率！
那如何讓網(wǎng)站在不同終端都能更好呈現(xiàn)呢？針對(duì)這個(gè)問(wèn)題常有兩種解決方案。
那如何讓網(wǎng)站在不同終端都能更好呈現(xiàn)呢？針對(duì)這個(gè)問(wèn)題常有兩種解決方案。
響應(yīng)式建站
2010年，Ethan Marcotte 發(fā)表過(guò)一篇文章"Responsive Web Design"，講述響應(yīng)式設(shè)計(jì)是同一個(gè)網(wǎng)站在智能手機(jī)、電腦，以及介于這兩者之間的任意設(shè)備上完美呈現(xiàn)的設(shè)計(jì)方案。響應(yīng)式網(wǎng)站是通過(guò)html5的新特性，夠根據(jù)用戶的屏幕尺寸調(diào)用對(duì)應(yīng)的樣式文件，合理地為現(xiàn)有及將來(lái)的各種設(shè)備提最佳的瀏覽體驗(yàn)。
但是，它也存在幾個(gè)嚴(yán)重的不足：
1 制作成本高
技術(shù)人員需要針對(duì)不同的終端分辨率進(jìn)行單獨(dú)的網(wǎng)站開(kāi)發(fā)。比喻說(shuō)建一個(gè)假發(fā)的響應(yīng)式網(wǎng)站，就相當(dāng)于集合了pc端，ipad端，手機(jī)端的程序開(kāi)發(fā)。這樣就會(huì)導(dǎo)致時(shí)間成本和工作量的增加。
2 文件內(nèi)容加載較大
當(dāng)打開(kāi)網(wǎng)站的時(shí)候，網(wǎng)站都需要提前把內(nèi)容包括有不同分辨率的內(nèi)容和樣式都隱藏加載先，然后根據(jù)不同的分辨率，顯示該分辨率對(duì)應(yīng)的內(nèi)容。通俗來(lái)說(shuō)，假如在電腦端打開(kāi)響應(yīng)式網(wǎng)站，服務(wù)器都會(huì)同時(shí)加載pc端網(wǎng)站和移動(dòng)端網(wǎng)站的內(nèi)容和樣式，這樣一來(lái)就會(huì)導(dǎo)致頁(yè)面的大小比單單在一個(gè)終端的文件的大小要大60%。加載時(shí)間長(zhǎng)的同時(shí)還浪費(fèi)了服務(wù)器帶寬。
3 瀏覽器兼容問(wèn)題
響應(yīng)式外貿(mào)網(wǎng)站建站需用到html5的新特性，這對(duì)瀏覽器的訪問(wèn)就有相應(yīng)的要求。目前ie8、ie7以及比較舊的瀏覽器不兼容。
響應(yīng)式外貿(mào)網(wǎng)站優(yōu)勢(shì)和缺點(diǎn)都是有存在的。它曾是一時(shí)IT熱點(diǎn)，也曾是當(dāng)時(shí)很多客戶的建站要求。但是現(xiàn)在浮現(xiàn)出一個(gè)更優(yōu)秀的建站方案，既可以達(dá)到響應(yīng)式效果，也可以解決響應(yīng)式的部分痛點(diǎn)。它就是......
但是，它也存在幾個(gè)嚴(yán)重的不足：
1 制作成本高
技術(shù)人員需要針對(duì)不同的終端分辨率進(jìn)行單獨(dú)的網(wǎng)站開(kāi)發(fā)。比喻說(shuō)建一個(gè)假發(fā)的響應(yīng)式網(wǎng)站，就相當(dāng)于集合了pc端，ipad端，手機(jī)端的程序開(kāi)發(fā)。這樣就會(huì)導(dǎo)致時(shí)間成本和工作量的增加。
2 文件內(nèi)容加載較大
當(dāng)打開(kāi)網(wǎng)站的時(shí)候，網(wǎng)站都需要提前把內(nèi)容包括有不同分辨率的內(nèi)容和樣式都隱藏加載先，然后根據(jù)不同的分辨率，顯示該分辨率對(duì)應(yīng)的內(nèi)容。通俗來(lái)說(shuō)，假如在電腦端打開(kāi)響應(yīng)式網(wǎng)站，服務(wù)器都會(huì)同時(shí)加載pc端網(wǎng)站和移動(dòng)端網(wǎng)站的內(nèi)容和樣式，這樣一來(lái)就會(huì)導(dǎo)致頁(yè)面的大小比單單在一個(gè)終端的文件的大小要大60%。加載時(shí)間長(zhǎng)的同時(shí)還浪費(fèi)了服務(wù)器帶寬。
3 瀏覽器兼容問(wèn)題
響應(yīng)式外貿(mào)網(wǎng)站建站需用到html5的新特性，這對(duì)瀏覽器的訪問(wèn)就有相應(yīng)的要求。目前ie8、ie7以及比較舊的瀏覽器不兼容。
響應(yīng)式外貿(mào)網(wǎng)站優(yōu)勢(shì)和缺點(diǎn)都是有存在的。它曾是一時(shí)IT熱點(diǎn)，也曾是當(dāng)時(shí)很多客戶的建站要求。但是現(xiàn)在浮現(xiàn)出一個(gè)更優(yōu)秀的建站方案，既可以達(dá)到響應(yīng)式效果，也可以解決響應(yīng)式的部分痛點(diǎn)。它就是......
PC & 移動(dòng)端各有獨(dú)立網(wǎng)站
用專業(yè)術(shù)語(yǔ)來(lái)說(shuō)就是：同一份數(shù)據(jù)按終端調(diào)取，每個(gè)網(wǎng)站都采用響應(yīng)式。這樣網(wǎng)站既能在不同分辨率下呈現(xiàn)最佳的顯示效果，又不會(huì)影響訪問(wèn)速度。這樣才能為用戶提供最佳的瀏覽體驗(yàn)。
ueeshop獨(dú)立站在電腦端采用寬度為980px和1200px兩種模式，可以覆蓋分辨率寬為980px至1980px的顯示屏。不建議做更大的分辨率模式，因?yàn)槿伺c電腦屏幕之間的距離，決定人的視野范圍。如果頁(yè)面太大的話，瀏覽起來(lái)就費(fèi)勁，聚焦不強(qiáng)。ueeshop獨(dú)立站在移動(dòng)端能適用各種手機(jī)的分辨率。
好的瀏覽體驗(yàn)，才能更好呈現(xiàn)內(nèi)容。
ueeshop獨(dú)立站在電腦端采用寬度為980px和1200px兩種模式，可以覆蓋分辨率寬為980px至1980px的顯示屏。不建議做更大的分辨率模式，因?yàn)槿伺c電腦屏幕之間的距離，決定人的視野范圍。如果頁(yè)面太大的話，瀏覽起來(lái)就費(fèi)勁，聚焦不強(qiáng)。ueeshop獨(dú)立站在移動(dòng)端能適用各種手機(jī)的分辨率。
好的瀏覽體驗(yàn)，才能更好呈現(xiàn)內(nèi)容。
