你有沒(méi)有想過(guò)為什么你的網(wǎng)站加載很慢？以下是導(dǎo)致網(wǎng)站加載緩慢的10個(gè)常見(jiàn)原因，以及解決方法的建議。

以下是我們關(guān)于網(wǎng)站加載緩慢的十大原因。

1. 未優(yōu)化的圖像

大量未優(yōu)化的圖片通常是網(wǎng)站變慢的最常見(jiàn)原因。高分辨率圖像在加載時(shí)會(huì)消耗大量帶寬。上傳較大尺寸的圖片然后縮小它們，可能會(huì)不必要地增加網(wǎng)頁(yè)大小，導(dǎo)致網(wǎng)站加載變慢。無(wú)論你用什么CMS和網(wǎng)站建設(shè)工具，這都是事實(shí)。

圖像格式也是另一個(gè)重要因素。

例如，JPEG圖片的尺寸相比PNG或GIF等其他格式要小得多。很自然地，如果你用的是JPEG圖片而不是PNG/GIF，網(wǎng)頁(yè)加載會(huì)更快。

總結(jié)：

檢查圖片的文件大小，超過(guò)1MB的大小是絕對(duì)不能接受的。

尤其是大圖時(shí)，請(qǐng)使用JPEG代替PNG。圖標(biāo)還可以。

使用瀑布測(cè)試輕松掃描圖像尺寸并采取糾正措施。

未經(jīng)優(yōu)化的圖像可能會(huì)讓你因帶寬過(guò)剩而損失資金。

確保你的網(wǎng)站交由前端開(kāi)發(fā)者管理，而不是全棧開(kāi)發(fā)者。由于開(kāi)發(fā)范圍的不同，前端開(kāi)發(fā)者通常更擅長(zhǎng)在客戶端管理JavaScript，并且能熟練地解決任何JS/jQuery的問(wèn)題。

2. JavaScript 問(wèn)題

JavaScript/jQuery插件的可用性讓添加動(dòng)態(tài)內(nèi)容變得非常方便。然而，如果實(shí)現(xiàn)不當(dāng)，JavaScript可能會(huì)拖慢你網(wǎng)站的頁(yè)面加載速度。

jQuery 和 JavaScript 的加載、解釋和執(zhí)行都需要時(shí)間。所以如果你用多個(gè) API 調(diào)用來(lái)渲染 JavaScript/jQuery 數(shù)據(jù)，可能會(huì)導(dǎo)致網(wǎng)頁(yè)加載時(shí)出現(xiàn)明顯延遲。

總結(jié)：

腳本臃腫確實(shí)存在。審核你的JavaScript腳本，看看你真正需要什么，剔除不需要的。

異步加載是必須的。

可以考慮使用Segment或Google Tag Manager之類(lèi)的工具。所有工具都用一個(gè)腳本！

3. 閃存內(nèi)容過(guò)多

雖然Flash是增加網(wǎng)站交互性的好工具，但它很可能導(dǎo)致頁(yè)面加載速度變慢。Flash內(nèi)容通常體積龐大，文件越大，頁(yè)面加載速度越慢。

減少Flash文件大小或完全取消它，會(huì)顯著提升頁(yè)面加載速度。如果你愿意讓網(wǎng)站更快，應(yīng)該尋找HTML5替代品來(lái)替代現(xiàn)有的Flash內(nèi)容。

總結(jié)：

閃光燈體積很大，性能不好。

閃電俠曾經(jīng)很酷。現(xiàn)在已經(jīng)不是了。

尋找HTML5替代品。

4. 過(guò)度的HTTP請(qǐng)求

擁有大量JavaScript、CSS和圖片文件可能導(dǎo)致HTTP請(qǐng)求過(guò)多。當(dāng)用戶訪問(wèn)你的網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)多次請(qǐng)求加載這些文件——這會(huì)顯著降低頁(yè)面加載速度。

總結(jié)：

使用精靈來(lái)減少HTTP請(qǐng)求。

盡量減少頁(yè)面上的文件數(shù)量。包含CSS、圖片、JavaScript。

壓縮你的CSS和Javascript文件，減少用戶下載總文件的#。

5. 不使用緩存技術(shù)

緩存功能被認(rèn)為能極大提升網(wǎng)站性能。如果你不緩存，你就錯(cuò)過(guò)了。這是一種可以讓你將頻繁使用的數(shù)據(jù)點(diǎn)存儲(chǔ)在“緩存內(nèi)存”中的技術(shù)。

任何后續(xù)對(duì)相同內(nèi)容的請(qǐng)求都會(huì)從緩存內(nèi)存中執(zhí)行，從而加快整個(gè)數(shù)據(jù)檢索過(guò)程。

通過(guò)實(shí)現(xiàn)瀏覽器/HTTP緩存和服務(wù)器端緩存，你很可能會(huì)體驗(yàn)到網(wǎng)站性能的巨大提升。

總結(jié)：

緩存極大地提升了性能。

你可以緩存很多東西，從HTTP、數(shù)據(jù)庫(kù)查詢到圖片。

如果你能緩存什么，就去做吧。但要小心作，別搞砸了。這可能很棘手。

6. 不潔代碼

網(wǎng)站變慢的另一個(gè)常見(jiàn)原因是不干凈的編碼。當(dāng)你創(chuàng)建網(wǎng)站時(shí)，過(guò)多的空白、內(nèi)嵌樣式、空白的新行和不必要的注釋都可能導(dǎo)致網(wǎng)站樣式表變大。

通過(guò)去除這些不必要的元素，你可以壓縮代碼，縮小文件大小，提高頁(yè)面加載時(shí)間，如果你在跟蹤排名，你的SEO表現(xiàn)也很可能會(huì)有所提升。用技術(shù)術(shù)語(yǔ)來(lái)說(shuō)，這一過(guò)程稱(chēng)為最小化。如果你不熟悉編碼，有幾個(gè)在線工具可以幫助你清理和壓縮樣式表文件。或者，你也可以借助一些IT服務(wù)提供商或?qū)I(yè)的SEO機(jī)構(gòu)來(lái)協(xié)助。

總結(jié)：

注重細(xì)節(jié)很重要。

別偷懶，直接用內(nèi)聯(lián)CSS

盡量不要?jiǎng)?chuàng)建多個(gè) CSS 樣式表，因?yàn)槟憧梢杂靡粋€(gè)最小化！

7. 不使用 gZIP 壓縮

通過(guò)啟用 gZIP 壓縮，你指示服務(wù)器在發(fā)送到請(qǐng)求瀏覽器之前，將所有網(wǎng)頁(yè)對(duì)象（圖片、CSS、JavaScript 文件等）封裝在一個(gè)容器中。

壓縮通過(guò)減少服務(wù)器與訪客瀏覽器之間傳輸?shù)臄?shù)據(jù)量，從而降低響應(yīng)時(shí)間，從而大大加快了所需內(nèi)容的傳遞速度。

如果你還沒(méi)有在網(wǎng)站上啟用 gZIP 壓縮，那么這是你第一步應(yīng)該做的事情，不要再浪費(fèi)時(shí)間了。

總結(jié)：

gZIP壓縮是輕松提升性能的優(yōu)勢(shì)。

它把你所有的網(wǎng)頁(yè)對(duì)象（圖片、CSS、jS）都打包在一個(gè)容器里，發(fā)送到請(qǐng)求的瀏覽器

8. 廣告太多

毫無(wú)疑問(wèn)，展示廣告非常適合為高流量的金融網(wǎng)站變現(xiàn)，并提升你的廣告報(bào)告效果。

但這不應(yīng)以犧牲性能或用戶體驗(yàn)為代價(jià)。不要讓過(guò)多的廣告成為你網(wǎng)站運(yùn)行緩慢的另一個(gè)原因！

網(wǎng)站廣告過(guò)載最明顯的影響是增加了HTTP請(qǐng)求，這需要額外的處理時(shí)間。

尤其是富媒體廣告——比如彈出廣告、插頁(yè)廣告和自動(dòng)下載——可能會(huì)產(chǎn)生數(shù)百個(gè)HTTP請(qǐng)求，導(dǎo)致你的網(wǎng)站無(wú)響應(yīng)。

總之，限制展示廣告數(shù)量能確保網(wǎng)站表現(xiàn)更好。不過(guò)，除了限制廣告之外，可能還有一些創(chuàng)意選項(xiàng)。例如，游戲網(wǎng)站Solitaired團(tuán)隊(duì)嘗試基于用戶開(kāi)始玩紙牌游戲的時(shí)間延遲加載廣告。因此，頁(yè)面速度提升，他們得以維持廣告收入。

總結(jié)：

廣告是額外的HTTP請(qǐng)求，并會(huì)減慢頁(yè)面加載速度。

只在需要的地方使用，這樣會(huì)提升廣告的表現(xiàn)、用戶體驗(yàn)和點(diǎn)擊率。

9. 不使用CDN服務(wù)

CDN服務(wù)是一個(gè)分布式的獨(dú)立服務(wù)器網(wǎng)絡(luò)，部署在不同地理位置，能夠以高可用性和高性能向訪客提供網(wǎng)頁(yè)內(nèi)容。

根據(jù)訪客的地理位置，所需內(nèi)容由位于最近可用數(shù)據(jù)中心的節(jié)點(diǎn)提供。這將最大限度地減少往返時(shí)間（RTT），并更快地提供所需內(nèi)容。

總結(jié)：

不是強(qiáng)制的，但CDN可以幫忙。尤其是當(dāng)你有來(lái)自世界各地的訪客時(shí)。

CDN緩存經(jīng)常訪問(wèn)分布在地理分布的數(shù)據(jù)中心中的數(shù)據(jù)。

他們可以幫助減少往返時(shí)間（RTT），更快地為受眾提供內(nèi)容。

10. 糟糕的托管

你的網(wǎng)站托管服務(wù)提供商在網(wǎng)站表現(xiàn)方面有巨大影響。是的，你頁(yè)面加載速度低于平均水平可能不完全是你自己的錯(cuò)。

如果你已經(jīng)嘗試糾正上述所有原因，但網(wǎng)站響應(yīng)遲緩，那么更換托管服務(wù)提供商可能正好能解決問(wèn)題。選擇提供性能優(yōu)化服務(wù)的托管服務(wù)提供商，這些服務(wù)包含在托管費(fèi)用中。

結(jié)論

網(wǎng)站頁(yè)面加載速度取決于多種因素，比如未優(yōu)化的圖片、大量HTTP請(qǐng)求、龐大的代碼以及JavaScript問(wèn)題等。

弄清楚網(wǎng)站變慢的具體原因可能很困難。無(wú)論根本原因是什么，你都應(yīng)該盡一切努力查明問(wèn)題根源，因?yàn)槿绻徊槊鳎赡軙?huì)導(dǎo)致每月額外增加1000美元的收入。