企業(yè)網(wǎng)站因為數(shù)據(jù)量不大、頁面元素不多,也很少交互性功能,如果要提高網(wǎng)站打開速度和頁面加載速度,使用動態(tài)生成靜態(tài)頁面技術(shù)就能完美解決,不過,商城網(wǎng)站和企業(yè)網(wǎng)站不同,不但數(shù)據(jù)量比較大、頁面元素比較多,而且交互性非常強,如收藏、訂購、評論,同時很多頁面元素會實時變動或者根據(jù)會員不同變動,比如價格,商城可能會給不同會員級別的客戶優(yōu)惠折扣,所以頁面顯示的價格不一定完全一樣,同時,網(wǎng)站的庫存也是實時變動的,所以,提高商城網(wǎng)站的打開速度和頁面加載速度難度會比較大,那么如何做到呢?
根據(jù)方維網(wǎng)絡(luò)(m.oulysa.com)多年商城網(wǎng)站建設(shè)開發(fā)經(jīng)驗,提高頁面加載速度方面可以通過以下方式:
1、設(shè)計師設(shè)計前端頁面的時候一定要明白頁面元素的加載順序,同時整體結(jié)構(gòu)采用DIV+CSS,追求用最少的代碼寫出最好的效果;
2、比較費時間加載的元素可以放在最后面,因為商城網(wǎng)站頁面一般比較長,只要保證第一屏能最快顯示就行;
3、一些TAG切換,或者直接看不到的元素,可以通過AJAX實現(xiàn)按需加載;
4、對HTML頁面、CSS文件、JS文件進行壓縮,主要是去掉其中的空格和換行,減少頁面的下載大??;
5、服務(wù)器開啟GZIP壓縮功能。
提高頁面的打開速度和提高頁面的加載速度兩者都提高,整體網(wǎng)站速度才會提高,根據(jù)經(jīng)驗,速度瓶頸主要是程序執(zhí)行的時候,所以,主要是如何通過緩存和生成靜態(tài)頁面技術(shù)來減少程序執(zhí)行的時間。
1、比較少變動的數(shù)據(jù)或元素,采用生成靜態(tài)頁面技術(shù),直接生成靜態(tài)HTML文件,其中,經(jīng)常變動的元素或者數(shù)據(jù)采用AJAX動態(tài)加載和讀取;
2、把一些配置文件數(shù)據(jù)保存到文件中,這樣,前臺頁面就不需要通過數(shù)據(jù)庫直接讀取數(shù)據(jù);
3、通過程序緩存,保存一些根據(jù)條件變化或者不是實時變動的數(shù)據(jù);
做到以上兩個方面,基本商城網(wǎng)站的速度就已經(jīng)達到極致了,當然,這里說的是網(wǎng)站程序方面,影響網(wǎng)站速度的因素,除了用戶的寬帶外,還有網(wǎng)站服務(wù)器的帶寬等。