阿伯丁集團曾對(duì)用(yòng)戶進行(xíng)調查，結果÷σ顯示，網站(zhàn)頁面加載時(shí¥✘)間(jiān)每延長(cháng)1秒(miǎo)，就(jiù)會(huì)減少(shǎo)∑ 11%的(de)頁面浏覽量，降低(dī)16%的(de)δ∏客戶滿意度，降低(dī)7%的(de)轉化(hσ'uà)率。亞馬遜也(yě)通(tōng)過調查證實，網頁打開(kāi)✘♦•Ω的(de)速度每提高(gāo)100毫秒(miǎo)，能(n®∏÷éng)為(wèi)網站(zhàn)增多(duō)1%的(de)收益。類似的(de)證實還(há♦←i)有(yǒu)很(hěn)多(duō)☆​↓₩，網頁打開(kāi)的(de)速度直接關系到(dào)網站(zhàn)的(de)¥λ¶收益，已毋庸置疑。

 

這(zhè)就(jiù)是(shì)為(wèi)什≠®(shén)麽今天的(de)企業(yè)和(hé)個(g÷≥‌è)人(rén)盡其所能(néng)來(lái)減少(shǎo)網頁¶↕♦加載時(shí)間(jiān)的(de)原因。時(shí)間(jiān)就(jiù)是∏→(shì)金(jīn)錢(qián)，對(duì)↔γ于網站(zhàn)來(lái)說(shuō)，是(shì)以微(wēi)秒(miǎo)來(láγ¶i)計(jì)算(suàn)的(de)。網頁加載時(shí)間(jiān)的(d≤∞ &e)大(dà)幅加快(kuài)，也(yě)會(hu™♦®¥ì)帶來(lái)轉換比例的(de)增加。

如(rú)何提高(gāo)網站(zhàn)速度

1.圖片優化(huà)

統計(jì)數(shù)據顯示，用(yò ‍®♥ng)戶傾向于放(fàng)棄一(yī)個(gè)在3秒(mi§ε¶♦ǎo)內(nèi)未加載完成的(de)網頁。由于加載圖片占據≠ ‍₹了(le)網頁上(shàng)可(kě)下(x↑<γ‍ià)載的(de)大(dà)部分(fēn)字節空(kōng)間(jiān)，所★✔π 以影(yǐng)響網頁下(xià)載時(shí)間(↕δ→<jiān)的(de)關鍵來(lái)自(zì)于圖像優化(huà)。确保正确的(d→ ‍♣e)圖像優化(huà)的(de)最佳方法之一(yī)是(shì<<Ω✘)采用(yòng)正确的(de)大(dà)小(xiǎo)和(hé)格式（JPEφ♣∞↑G、GIF或PNG）。我們的(de)目标是(shì)在不(bù)影(yǐng)響圖片質量的(♥★de)情況下(xià)盡可(kě)能(néng)地(dì)縮減文(wén)件"≥(jiàn)大(dà)小(xiǎo)。

2.嘗試CDN加速

內(nèi)容交付網絡的(de)價值在于它可(kě)以獲取一(yī)$→個(gè)網站(zhàn)的(de)靜(jìng)态文(≈¥δwén)件(jiàn)，如(rú)CSS、圖像和(hé)JavaScript，并通(tōng)↔↓♣過更接近(jìn)用(yòng)戶物(wù)理(lǐ)"< 位置的(de)Web服務器(qì)傳遞它​₽>們。更短(duǎn)的(de)接近(jìn)等于更快(kuài)的(de)加載時(shí)>π‌間(jiān)。像AWSCloudFront或者CloudFlarδ✘e都(dōu)是(shì)很(hěn)好(hǎo)的(de)CDσαN加速。CDN另外(wài)的(de)好(hǎo)處是•‍≠(shì)，即使停止加載帶寬，你(nǐ)依然可(kě> ₹)以降低(dī)在下(xià)載高(gā&™<o)峰時(shí)期的(de)中斷風(fēng)險。從(c←​óng)各個(gè)方面看(kàn)來(lái)，CDN都(dōu)能(néng)帶來δ↕(lái)雙赢的(de)局面。

3.緩存

緩存是(shì)Web頁面臨時(shí)λφ存儲的(de)一(yī)種機(jī)制(zhì)，可(kě)以減少(shǎo)帶寬并提α×高(gāo)性能(néng)。當訪問(wèn)者到(dào)達您的(de)站(zhàn)點時(₽>γ✔shí)，緩存模式即啓動。這(zhè)樣可&↑ >(kě)以節省服務器(qì)時(shí)間(ji$®ān)，提高(gāo)效率。啓用(yòng)浏覽器(qì)緩存會(φ♦<±huì)讓重複訪問(wèn)的(de)訪問(wèn)者更快(kuàiε←±✘)速的(de)訪問(wèn)站(zhàn)點。

4.壓縮

Gzip是(shì)一(yī)個(gè)用(yòng)于文(wé‌ n)件(jiàn)壓縮軟件(jiàn)的(d→​e)應用(yòng)，就(jiù)像是(shì)把你(nǐ &​™)的(de)網站(zhàn)變成一(yī)個(gè)zip文(wén≥δ♦)件(jiàn)。大(dà)多(duō)數(shù)服務器(qì)和(hé)客戶♠₹β支持Gzip。當一(yī)個(gè)Gzip兼容浏覽器(qì)請$≠‍(qǐng)求服務器(qì)将響應發送給浏覽器(¶♣λqì)資源，可(kě)以顯著減少(shǎo)網站(γ♠zhàn)的(de)時(shí)間(jiān)延遲。≈•

5.簡潔的(de)代碼

讓你(nǐ)的(de)代碼更簡潔是(shì)<•£×非常有(yǒu)必要(yào)的(de)。這(zhè)意味著(↔✘zhe)打包壓縮你(nǐ)的(de)HTML、J≈λ∑λavaScipt和(hé)CSS文(wén)件(jiàn)到(dào)更小(™♦•‌xiǎo)的(de)文(wén)件(jià÷♠n)中來(lái)運行(xíng)。例如(rú)，如(rú)果您的←∞♦(de)移動網站(zhàn)有(yǒu)五個(gè±‍)JavaScript文(wén)件(jiàn)，浏覽器(qì)将發出五個(gè)單獨的(de)‌♠>HTTP請(qǐng)求來(lái)獲取它們。為(wèi)減少(shǎo)堵塞和(hé)等待ε​時(shí)間(jiān)，另一(yī)種方法是(shì)縮小(xiǎo)和(hé)連↕ ¶¶接這(zhè)5個(gè)文(wén)件(jiàn)到(dào)一(yī)起£•。

6.檢查你(nǐ)的(de)Web主機(jī)

減少(shǎo)網站(zhàn)頁面加載時(shí)間(jiān)的(de)另一(α±♦γyī)個(gè)簡單方法是(shì)檢查你(nǐ)的(de)主機(★♥jī)提供商，看(kàn)看(kàn)你(nǐ)有(yǒu)什(shén)≤→麽樣的(de)軟件(jiàn)包。共享托管帳戶經常涉及與其他(>©tā)數(shù)十家(jiā)公司共享服務器≤ε(qì)空(kōng)間(jiān)，這(zhè)些(​ ≠xiē)網站(zhàn)的(de)速度受到(dào)使用(yòng♣σ>')服務器(qì)的(de)人(rén)數(shù)的(de)影(y±←ǐng)響。如(rú)果是(shì)這(zhè)樣的(de)話(huà§↑)，那(nà)麽可(kě)能(néng)是(shì)時(shí)候考慮一(yīπ₽→)個(gè)專用(yòng)的(de)訪問(wèn)服務器(qì)計(jì)劃了(lε‌♥e)。

作(zuò)者：JeffreyWalker‌♣