電子商務(wù)公司網(wǎng)站制作性能優(yōu)化
發(fā)布時(shí)間：2023-07-24 點(diǎn)擊次數(shù)：

　　隨著互聯(lián)網(wǎng)、信息技術(shù)、移動(dòng)支付等技術(shù)的飛速發(fā)展，電子商務(wù)行業(yè)也在快速發(fā)展，一時(shí)間涌現(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)站的性能主要可以通過硬件升級(jí)、重構(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)”主要是一個(gè)食材價(jià)格比對(duì)、食材在線銷售的網(wǎng)站，每天自動(dòng)收集各大市場(chǎng)各種食材的價(jià)格，為用戶提供食材比價(jià)的基礎(chǔ)，同時(shí)聯(lián)合供應(yīng)商提供食材的在線購買和配送服務(wù)。該網(wǎng)站每天數(shù)據(jù)錄人量和訪問量巨大，目前的平臺(tái)構(gòu)架和技術(shù)很難支撐現(xiàn)有的業(yè)務(wù)訪問量，因此，需要對(duì)其進(jìn)行性能優(yōu)化。本次優(yōu)化方案主要從頁面優(yōu)化、程序優(yōu)化、數(shù)據(jù)庫優(yōu)化三個(gè)方面進(jìn)行優(yōu)化升級(jí)。

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

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

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

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

　　3.1頁面優(yōu)化

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

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

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

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

　　3.1.3壓縮頁面元素

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

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

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

　　客戶在訪問一個(gè)頁面時(shí)首先看到的是頁面的效果，然后才會(huì)移動(dòng)鼠標(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)擊特效時(shí)JS已加載完畢，這樣可以利用客戶的時(shí)間差來增加頁面加載的時(shí)間。

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

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

　　3.2程序優(yōu)化

　　2.1頁面靜態(tài)化

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

　　2.2AJAK提交

　　在價(jià)格公告模塊中，當(dāng)用戶選擇一個(gè)商品后，只需用選擇商品價(jià)格時(shí)間查找價(jià)格，點(diǎn)擊查找后整個(gè)商品詳情頁面不會(huì)改變，發(fā)生改變的只有商品的價(jià)格屬性，所以不需要重新請(qǐng)求并刷新整個(gè)頁面，可以使用AJAX提交局部刷新請(qǐng)求，減少網(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，對(duì)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)使用索引:增加索引可以減少檢索的時(shí)間，可以在經(jīng)常查詢的字段上增加索引，但是增加了索引之后對(duì)于數(shù)據(jù)的修改性能會(huì)有影響，這是增加索引需要額外注意的事項(xiàng)。在本系統(tǒng)中在用戶的用戶名和密碼與商品的名稱上增加索引，以提高用戶登錄的速度和查找商品的速度。

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

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

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

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

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

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

　　系統(tǒng)性能測(cè)試

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

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

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

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

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

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

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