電子商務(wù)公司網(wǎng)站制作性能優(yōu)化

隨著互聯(lián)網(wǎng)、信息技術(shù)、移動支付等技術(shù)的飛速發(fā)展，電子商務(wù)行業(yè)也在快速發(fā)展，一時間涌現(xiàn)了大量的各種各樣的電子商務(wù)網(wǎng)站，包括B2B、B2C以及C2C的。這些網(wǎng)站每天都有成千上萬的人訪問，包含商品瀏覽、購買、比價(jià)等，如此高的訪問量，必須要優(yōu)化和調(diào)整網(wǎng)站的性能才能保證網(wǎng)站的穩(wěn)定運(yùn)行，給客戶帶來良好的購物與訪問體驗(yàn)。優(yōu)化電子商務(wù)網(wǎng)站的性能主要可以通過硬件升級、重構(gòu)構(gòu)建、頁面優(yōu)化、數(shù)據(jù)庫優(yōu)化等技術(shù)實(shí)現(xiàn)，通過這些技術(shù)優(yōu)化后的電子商務(wù)網(wǎng)站可以大限度提高系統(tǒng)的高并發(fā)執(zhí)行能力和運(yùn)行效率，從而為更多的在線用戶服務(wù)。

2系統(tǒng)架構(gòu)

多省匯食材網(wǎng)”主要是一個食材價(jià)格比對、食材在線銷售的網(wǎng)站，每天自動收集各大市場各種食材的價(jià)格，為用戶提供食材比價(jià)的基礎(chǔ)，同時聯(lián)合供應(yīng)商提供食材的在線購買和配送服務(wù)。該網(wǎng)站每天數(shù)據(jù)錄人量和訪問量巨大，目前的平臺構(gòu)架和技術(shù)很難支撐現(xiàn)有的業(yè)務(wù)訪問量，因此，需要對其進(jìn)行性能優(yōu)化。本次優(yōu)化方案主要從頁面優(yōu)化、程序優(yōu)化、數(shù)據(jù)庫優(yōu)化三個方面進(jìn)行優(yōu)化升級。

頁面優(yōu)化:主要從頁面元素的布局合理性和HITP請求數(shù)等幾方面進(jìn)行考慮。

程序優(yōu)化:主要在原有系統(tǒng)中引入數(shù)據(jù)緩存技術(shù)和靜態(tài)頁面生成技術(shù)，并同時配合使用了AJAX技術(shù)對程序進(jìn)行優(yōu)化；

數(shù)據(jù)庫優(yōu)化:主要在數(shù)據(jù)庫的優(yōu)化中對SQL語句和表進(jìn)行優(yōu)化。

3系統(tǒng)優(yōu)化的實(shí)現(xiàn)

3.1頁面優(yōu)化

3.1.1減少HTTP請求次數(shù)

Web頁面包括了各種頁面元素，例如商品圖像、頁面樣式表、JS腳本和F1ash動畫等，當(dāng)用戶訪問頁面時，瀏覽器需要將這些元素下載到本地進(jìn)行解析展示。當(dāng)HTTP訪問次數(shù)過多，服務(wù)器性能和網(wǎng)絡(luò)帶寬都會被下載任務(wù)所占用因此，需要減少HTTP的請求次數(shù)。這只是頁面優(yōu)化的開始，根據(jù)調(diào)査得知電子商務(wù)網(wǎng)站的訪問量中有40%-60%屬于首次訪問，所以加快首次訪問的速度是提升用戶購物體驗(yàn)的關(guān)鍵。

3.1.2合理設(shè)置頁面過期時間

為了提升用戶的購物體驗(yàn)、吸引顧客的目光，電子商務(wù)網(wǎng)站需要將網(wǎng)頁制作得豐富多彩，增加各種頁面元素，當(dāng)客戶端第一次訪問時，不得不面臨大量的HITP請求，如果沒有設(shè)置頁面過期時間，當(dāng)用戶下次訪問時，又得再次提交重復(fù)的HITP請求，設(shè)置了頁面過期時間后客戶端就會將這些資源緩存下來，當(dāng)客戶下次訪問時客戶端就可以使用本地緩存的資源來展示頁面，從而減少HTTP請求的次數(shù)和大小使得網(wǎng)頁加載速度變快。但是頁面的過期時間設(shè)置過大，客戶端會一直緩存之前的資源，當(dāng)用戶訪問網(wǎng)站時不再繼續(xù)下載新的資源文件，頁面將會過時甚至無法顯示，因此，設(shè)置合理的頁面過期時間很重要。

3.1.3壓縮頁面元素

頁面上的很多元素基本都是圖片、樣式和JS，這些文件的壓縮比都很大，經(jīng)過壓縮可以減少體積、加快網(wǎng)絡(luò)傳輸時間，客戶端在收到壓縮后的文件后再進(jìn)行解壓獲得原來的文件，將負(fù)載壓力從服務(wù)器端轉(zhuǎn)移到客戶端，從而提高服務(wù)器的響應(yīng)時間。HTTP/1.1的標(biāo)準(zhǔn)中Web客戶端的HTP請求中可以通過設(shè)置 Accept- Encoding頭來表明支持的壓縮類型。

客戶端瀏覽器在訪問頁面時根據(jù)頁面頭設(shè)置的文件類型來決定是否壓縮。如果需要壓縮，則將HIML文件、CSS文件和JS文件、圖片文件等進(jìn)行壓縮，通過壓縮HTTP響應(yīng)內(nèi)容可減少頁面響應(yīng)時間。

3.1.4合理放置樣式表和腳本文件

客戶在訪問一個頁面時首先看到的是頁面的效果，然后才會移動鼠標(biāo)觸發(fā)頁面的特效，根據(jù)這一用戶習(xí)慣，可以將CSS樣式表放在HTML的頭部，將JS引入文件放在頁面的底部，這是因?yàn)闉g覽器解析HIML文件采用的是順序執(zhí)行方式，這樣由于CSS文件以及樣式表在頭部可以讓頁面的布局和展示很快展示在用戶眼前，提高客戶訪問頁面的友好度、提升購物體驗(yàn)。將JS文件放在底部是因?yàn)楫?dāng)所有頁面都加載完畢后才開始加載JS特效，當(dāng)用戶點(diǎn)擊特效時JS已加載完畢，這樣可以利用客戶的時間差來增加頁面加載的時間。

3.1.5把 Javascript和CSS放到外部文件中

電商網(wǎng)站中的頁面數(shù)量很多，如果每個頁面中都寫入JS和CSS文件必將導(dǎo)致HIML文件過大，因此，可將Javascript和CSS放入幾個單獨(dú)的外部文件封裝起來，然后在頁面中導(dǎo)人，這樣做的明顯好處有兩個:第一，可以方便代碼的管理、維護(hù)，如果將 Javascript、CSS和頁面代碼起寫人頁面中，那頁面代碼將會相當(dāng)宏大并且雜亂，維護(hù)起來將很繁瑣艱難；第二，使用外部文件會加快頁面顯示速度，因?yàn)橥獠课募粸g覽器緩存，這在多次訪問時可大大加快訪問速度。

3.2程序優(yōu)化

2.1頁面靜態(tài)化

動態(tài)網(wǎng)頁需要執(zhí)行拼接等操作，耗時較大。而客戶訪問最多的就是商品詳細(xì)頁面，每一種商品的詳細(xì)頁面在生成過后不經(jīng)過人為操作是不會發(fā)生變化的，因此，可以將商品詳情頁面進(jìn)行靜態(tài)化以加快服務(wù)器的響應(yīng)時間。對于商品詳情頁在添加完商品保存后將該頁面進(jìn)行靜態(tài)化，對于其他頁面當(dāng)客戶第一次訪問該頁面時，后臺服務(wù)程序首先檢査該頁面是否有靜態(tài)頁面，如果有直接返回，如果沒有則生成靜態(tài)頁面，并更改該頁面的訪問路徑，當(dāng)下次訪問時直接返回該頁面的靜態(tài)頁面。

2.2AJAK提交

在價(jià)格公告模塊中，當(dāng)用戶選擇一個商品后，只需用選擇商品價(jià)格時間查找價(jià)格，點(diǎn)擊查找后整個商品詳情頁面不會改變，發(fā)生改變的只有商品的價(jià)格屬性，所以不需要重新請求并刷新整個頁面，可以使用AJAX提交局部刷新請求，減少網(wǎng)絡(luò)訪問次數(shù)，提高頁面的流暢度，價(jià)格數(shù)據(jù)更新快速，用戶體驗(yàn)更加快捷流暢.

3數(shù)據(jù)庫優(yōu)化

3.1SQ工L語句的優(yōu)化

本系統(tǒng)數(shù)據(jù)庫使用 MYSQL5.0，對SQL語句進(jìn)行的優(yōu)化將基于此數(shù)據(jù)庫來展開。在本系統(tǒng)中優(yōu)化SQ工L語句的步驟是:首先運(yùn)用 show status命令了解各種SQL的執(zhí)行頻率然后定位到執(zhí)行效率較低的SQL語句，通過 explain命令來分析低效的SQL的執(zhí)行計(jì)劃，然后根據(jù)出現(xiàn)的問題采取相應(yīng)的優(yōu)化方法。

(1)使用索引:增加索引可以減少檢索的時間，可以在經(jīng)常查詢的字段上增加索引，但是增加了索引之后對于數(shù)據(jù)的修改性能會有影響，這是增加索引需要額外注意的事項(xiàng)。在本系統(tǒng)中在用戶的用戶名和密碼與商品的名稱上增加索引，以提高用戶登錄的速度和查找商品的速度。

(2)使用 analyze和 check table 1命令定期分析和檢查表。

(3)定期優(yōu)化表，電商系統(tǒng)中的商品表和商品推薦表等在經(jīng)過了很多次的訪問以及修改后存在很多碎片，此時使用 optimize table命令來對數(shù)據(jù)表中的空間碎片進(jìn)行整理與合并，以減少空間的浪費(fèi)和提高操作的效率。

(4)優(yōu)化SQL部分語句，導(dǎo)入大批量數(shù)據(jù)時，使用load data infile i命令可有效提高導(dǎo)入效率，使用索引來滿足order by子句將不需要額外的排序，對于嵌套査詢，有些情況下用JON來代替子?xùn)嗽儗玫礁叩男省?/p>

3.3.2通過拆分表提高訪問效率

在本銷售系統(tǒng)中，有一模塊叫“商品推薦模塊”，本模塊主要是當(dāng)客戶查看或者購買一個商品后系統(tǒng)需要關(guān)聯(lián)類似的商品，在用戶下次登錄時進(jìn)行推薦。

由于客戶每次點(diǎn)擊一種商品都會進(jìn)行關(guān)聯(lián)，如果一個用戶每天點(diǎn)擊10個商品，每天有500個客戶，那么一個月表里將會有15萬條記錄，如果每個用戶登錄時都在這個表里進(jìn)行關(guān)聯(lián)商品的話，那將會出現(xiàn)速度緩慢的情況。這里將采用分表的方法來提高査詢效率，將一個月按時間分成三部分，記錄分別存放在三個表里，如1711表示2017年1月第部分的記錄，由于用戶下次再登錄網(wǎng)站購買商品多為10天以內(nèi)的用戶，大部分用戶都會在最近表里命中，故這樣可以有效提高記錄的命中率，提高數(shù)據(jù)査詢的性能。

系統(tǒng)性能測試

4.1用AB進(jìn)行性能測試

首先，利用AB對優(yōu)化后的網(wǎng)站進(jìn)行性能考察，運(yùn)行命令為ab-c50-n1000http://localhost/(虛擬50個用戶并發(fā)執(zhí)行1000次訪問)。

測試結(jié)果來看，經(jīng)過優(yōu)化后的電子商務(wù)網(wǎng)站的服務(wù)器負(fù)載能力有了一定的提升，由原來每秒只能響應(yīng)62.11個用戶請求提高到了75.21個，并且50%的用戶請求在656ms內(nèi)得到了響應(yīng)。

4.2用 Webload進(jìn)行性能測試

用 Webload對整個網(wǎng)站進(jìn)行測試，首先啟錄制操作腳本，然后通過腳本建立壓力測試模板，接著進(jìn)行壓力測試，在“多省匯食材網(wǎng)”的壓力測試中，模擬現(xiàn)實(shí)中的用戶對頁面進(jìn)行的一系列操作，壓力測試運(yùn)行時間為8分鐘。通過測試比較，將關(guān)鍵參數(shù)取出來對比。

可以看出，在8分鐘的壓力測試中，同樣的并發(fā)訪問量，優(yōu)化后平均每個頁面返回時間少了0.321秒，在480秒內(nèi)優(yōu)化后可以多返回331個頁面，平均每秒多返回0.872個頁面，點(diǎn)擊數(shù)量也每秒增多了5.008次。

電子商務(wù)網(wǎng)站制作系統(tǒng)的優(yōu)化是一個動態(tài)化的工作，本文主要從前臺頁面，數(shù)據(jù)庫等方面對網(wǎng)站進(jìn)行了優(yōu)化，并做了測試，達(dá)到了預(yù)期的目標(biāo)，此外時優(yōu)化有很多方法，如建立多服務(wù)器群組進(jìn)行負(fù)載均衡、CDN( Content Delivery Netw ork，內(nèi)容分發(fā)網(wǎng)絡(luò))的應(yīng)用等，將會在更進(jìn)一步的優(yōu)化工作中得到應(yīng)用。

本文題目：電子商務(wù)公司網(wǎng)站制作性能優(yōu)化
URL網(wǎng)址：http://www.muchs.cn/news21/41821.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站制作、電子商務(wù)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)