推薦閱讀

運(yùn)營(yíng)熊

一秒有多重要？它可能關(guān)系到十幾個(gè)億的生意

時(shí)間：2017-12-22 | 分類：功能說明

瀏覽：20778

我們大多數(shù)人都體會(huì)過等待的煩惱，比如說：

永遠(yuǎn)開不了機(jī)的Windows

一段5分鐘的視頻，卻要用戶先看90秒的廣告

相對(duì)論告訴我們，從99.9%到100%的那幾秒，是世界上最漫長(zhǎng)的等待

在這種情況下，作為正常人的第一反應(yīng)總是：

如果你是一個(gè)對(duì)時(shí)間敏感的人，那么你也一定對(duì)網(wǎng)站頁(yè)面打開速度的變化深有體會(huì)。

上個(gè)世紀(jì)，我們還處在通過電話線和56K“貓”來實(shí)現(xiàn)上網(wǎng)沖浪的電話撥號(hào)上網(wǎng)時(shí)代，一個(gè)網(wǎng)頁(yè)可能需要花費(fèi)數(shù)分鐘的時(shí)間來完成加載。

而根據(jù)國(guó)外調(diào)查研究發(fā)現(xiàn)，在2016年，全球網(wǎng)頁(yè)平均加載時(shí)間已縮短為4.5秒。從56K撥號(hào)上網(wǎng)到如今的百兆寬帶，在網(wǎng)絡(luò)不斷提速，網(wǎng)頁(yè)打開時(shí)間從幾分鐘下降到4秒的大背景下，我們卻還是經(jīng)常會(huì)抱怨網(wǎng)站打開得太慢了。

絕大多數(shù)用戶都希望網(wǎng)頁(yè)的打開速度越快越好，他們沒有足夠的耐心來等待一個(gè)網(wǎng)頁(yè)花費(fèi)太多的時(shí)間來加載。網(wǎng)頁(yè)加載時(shí)間過長(zhǎng)是造成用戶流失的一個(gè)主要原因。

研究發(fā)現(xiàn)，接近50%的用戶最多只能等待3秒，如果網(wǎng)站不能在3秒內(nèi)完成全部?jī)?nèi)容加載，用戶就會(huì)失去耐心，加載時(shí)間超過5秒就會(huì)有74%的用戶關(guān)閉網(wǎng)頁(yè)，打開競(jìng)爭(zhēng)對(duì)手的網(wǎng)站。這一點(diǎn)對(duì)于一個(gè)電商平臺(tái)尤為重要。這意味著網(wǎng)站如果加載速度過慢，將會(huì)直接造成業(yè)務(wù)損失。

以下是網(wǎng)頁(yè)加載時(shí)間對(duì)用戶的影響：

一秒就值十幾個(gè)億美刀，想想都覺得可怕呢。

用戶已經(jīng)習(xí)慣了閃電般的加載速度，當(dāng)你的網(wǎng)頁(yè)打開速度比別人更慢的時(shí)候，哪怕只多0.5秒，用戶都會(huì)感到不滿，進(jìn)而轉(zhuǎn)向競(jìng)爭(zhēng)對(duì)手。在這種情況下，想要再讓他們回歸就變得非常困難了。

面對(duì)這樣的問題，很多電商網(wǎng)站還在一味追求花哨的頁(yè)面，不限制網(wǎng)頁(yè)文件的大小，堆疊高清圖片等占用空間較多的元素，執(zhí)行大量數(shù)據(jù)庫(kù)操作，導(dǎo)致網(wǎng)頁(yè)加載速度變長(zhǎng)。電商網(wǎng)站的打開速度不升反降，堪稱“搬起石頭砸自己的腳”。

思途CMS為了讓你的網(wǎng)頁(yè)打開速度能再快一點(diǎn)

對(duì)系統(tǒng)進(jìn)行了深度優(yōu)化

=針對(duì)CSS\JS進(jìn)行壓縮=

瀏覽器打開網(wǎng)頁(yè)，是需要下載網(wǎng)頁(yè)中的數(shù)據(jù)回本地電腦，再進(jìn)行顯示。

下載的網(wǎng)頁(yè)內(nèi)容包括：網(wǎng)頁(yè)中的圖片、文本、程序代碼：CSS、HTML、JS腳本、字體等，數(shù)量多達(dá)上百個(gè)。

如圖：（以攜程首頁(yè)需要加載的內(nèi)容為例）

瀏覽器打開網(wǎng)頁(yè)時(shí)，同時(shí)請(qǐng)求服務(wù)器下載網(wǎng)頁(yè)中的內(nèi)容。如果網(wǎng)頁(yè)中內(nèi)容數(shù)量越多，那么鏈接請(qǐng)求次數(shù)就會(huì)越多；如果內(nèi)容越大，鏈接后下載的時(shí)間就會(huì)越長(zhǎng)。

如圖：（各瀏覽器允許的最大并行鏈接數(shù)）

因此，減少鏈接次數(shù)，以及內(nèi)容大小，是提升網(wǎng)頁(yè)打開速度的重要途徑。

事實(shí)上，一個(gè)網(wǎng)頁(yè)往往涉及多個(gè)CSS和JS程序，如果將其進(jìn)行合并，則可以減少鏈接請(qǐng)求次數(shù)。

同樣的道理，將網(wǎng)頁(yè)背景圖片合并到一張圖上，也能減少鏈接請(qǐng)求次數(shù)，提升網(wǎng)頁(yè)打開速度。

如圖：（攜程對(duì)圖標(biāo)素材的合并）

因此，思途CMS系統(tǒng)專門提供了，CSS\JS自動(dòng)合并的PHP程序。將CSS\JS進(jìn)行合并后，就能減少瀏覽器對(duì)服務(wù)器的請(qǐng)求數(shù)量，提升打開速度。

=啟用服務(wù)端緩存=

訪客訪問一個(gè)網(wǎng)頁(yè)，程序需要通過查詢數(shù)據(jù)庫(kù)，計(jì)算數(shù)據(jù)結(jié)果等一系列處理，來實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容顯示。這個(gè)處理過程會(huì)耗用服務(wù)器資源，當(dāng)訪問量大時(shí)，數(shù)據(jù)庫(kù)處理量就會(huì)很大，會(huì)影響網(wǎng)頁(yè)打開速度。

服務(wù)端緩存技術(shù)的使用，可以網(wǎng)頁(yè)處理的過程生成緩存頁(yè)面，與靜態(tài)頁(yè)面效果類似，用戶訪問程序時(shí)，并不需要與數(shù)據(jù)庫(kù)進(jìn)行交互，從而提升了網(wǎng)頁(yè)打開速度。

考慮到網(wǎng)頁(yè)內(nèi)容，并不是隨時(shí)都在變化，因此建議默認(rèn)開啟此功能。

思途5.0以后版本采用是2小時(shí)，自動(dòng)生成一次。

當(dāng)管理員對(duì)網(wǎng)頁(yè)內(nèi)容，廣告、圖片等進(jìn)行更新后，還可以使用后臺(tái)的“清緩存”功能，立即就可以看到效果。

如圖：后臺(tái)右上角

=圖片壓縮處理=

考慮到用戶訪問網(wǎng)頁(yè)的加載速度優(yōu)先問題，我們?cè)诰W(wǎng)頁(yè)上都使用了壓縮技術(shù)，這可以帶來兩點(diǎn)好處：

A 用戶打開速度更快

B 服務(wù)器流量占用更少

圖片壓縮處理后，會(huì)存在網(wǎng)頁(yè)圖片沒有原圖清晰的現(xiàn)象，這個(gè)問題無法避免。但能使網(wǎng)頁(yè)加載速度變快，這種方式利大于弊。

通過以上幾種方式，思途CMS可以使你的網(wǎng)站比別人打開的速度更快，讓用戶擁有更好的訪問體驗(yàn)。思途CMS一直從用戶的實(shí)際體驗(yàn)出發(fā)，不斷優(yōu)化和完善系統(tǒng)，讓旅游企業(yè)更加輕而易舉開展經(jīng)營(yíng)管理和營(yíng)銷推廣。因?yàn)槟惚葎e人快的這一秒，可能就會(huì)成交更多的訂單，這個(gè)時(shí)候，不要忘記了，思途始終在背后全力以赴地支持著你。