詳解，移動(dòng)網(wǎng)上商城網(wǎng)站建設(shè)那點(diǎn)事

　　為什么要移動(dòng)網(wǎng)上商城網(wǎng)站建設(shè)?移動(dòng)設(shè)備和PC終端的區(qū)別是什么?為什么企業(yè)需要單獨(dú)為移動(dòng)設(shè)備建站呢?我們首先要來(lái)看看移動(dòng)設(shè)備和PC終端的區(qū)別。

　　一、屏幕尺寸不同

　　手機(jī)屏幕不論是在長(zhǎng)度還是寬度上，都較PC要更窄更短。所以在站點(diǎn)的頁(yè)面內(nèi)容、布局、文字大小等都會(huì)與PC產(chǎn)生差異。

　　二、網(wǎng)絡(luò)速度不同

　　手機(jī)用戶大多是通過(guò)2.5G、3G網(wǎng)絡(luò)來(lái)上網(wǎng)，網(wǎng)絡(luò)速度遠(yuǎn)低于大部分PC常用的有線網(wǎng)絡(luò)。所以網(wǎng)頁(yè)如果過(guò)大，加載時(shí)間就會(huì)越長(zhǎng)，會(huì)增加網(wǎng)民訪問(wèn)的跳出率。

　　三、使用習(xí)慣不同

　　現(xiàn)在智能機(jī)基本都是觸摸屏，頁(yè)面元素如按鈕、鏈接等需要大小適中，適合手指點(diǎn)擊。同時(shí)手機(jī)上也有一些特征有別于PC，比如電話直撥、地理位置定位等，都可以在手機(jī)上提供。

　　四、支撐技術(shù)不同

　　在PC上能夠使用的一些技術(shù)，在移動(dòng)設(shè)備上可能就無(wú)法支持。比如某些移動(dòng)設(shè)備不支持flash，如果頁(yè)面使用了flash，用戶可能根本看不到任何內(nèi)容。而某些圖片格式在移動(dòng)設(shè)備上支持不充分，所以盡量使用PNG，JPG等格式圖片。而某些移動(dòng)設(shè)備瀏覽器對(duì)JS的支持不完全。其他的plug-in，frame等等在移動(dòng)設(shè)備上支持也不完全。

　　考慮移動(dòng)設(shè)備和移動(dòng)互聯(lián)網(wǎng)的特點(diǎn)，在進(jìn)行移動(dòng)網(wǎng)站的頁(yè)面開(kāi)發(fā)設(shè)計(jì)時(shí)，一個(gè)總的原則是考慮用戶

　　訪問(wèn)的效率。

　　基本的設(shè)計(jì)原則：簡(jiǎn)化頁(yè)面，避免過(guò)多的圖片、復(fù)雜的表達(dá)、動(dòng)畫、視頻等。資源合并及壓縮：如將背景圖片、導(dǎo)航圖片等等作為一張圖片，這樣只需一次請(qǐng)求，而不是多次、靜態(tài)資源(CSS、Js、Image)懶加載、異步執(zhí)行inline腳本、避免重復(fù)的資源請(qǐng)求、縮小cooike、設(shè)置連接方式為keep-alive(Http1.1默認(rèn)開(kāi)啟)、減少DNS查詢。移動(dòng)端可見(jiàn)區(qū)域是有限的采用延遲加載方式、開(kāi)啟服務(wù)器壓縮(gzip方式)

　　用戶體驗(yàn)指南：

　　一個(gè)標(biāo)準(zhǔn)的移動(dòng)網(wǎng)上商城網(wǎng)站建設(shè)應(yīng)該包含首頁(yè)、列表頁(yè)和詳情頁(yè)三種類型，以滿足企業(yè)的推廣需求和用戶的認(rèn)知需要;頁(yè)面類型及層級(jí)建議不超過(guò)3個(gè)，保證簡(jiǎn)單、高效的用戶體驗(yàn)。