【51CTO.com快譯】眾所周知，沒有人會喜歡在超市里排隊結(jié)賬，也沒有人愿意在餐廳里排隊等號。其實，網(wǎng)站的訪客也是如此，他們不喜歡那些加載和響應(yīng)速度緩慢的網(wǎng)站。他們甚至會通過減少訪問次數(shù)、以及相互告誡來表達自己的不滿。

根據(jù)Aberdeen Group的一項研究表明(https://wpostats.com/tags/page%20views/)：如果某個網(wǎng)站的加載時間多延遲一秒，那么就會導致：

• 瀏覽次數(shù)減少11%。
• 訪客的滿意度降低16%。
• 購買轉(zhuǎn)換率減少7%。

根據(jù)上述的數(shù)字我們不難看出：緩慢的加載頁面不但會影響網(wǎng)站本身的性能，而且難以留存用戶的數(shù)量、以及他們在此停留的時長。實際上，64%的在線購物者如果發(fā)現(xiàn)其目標網(wǎng)站響應(yīng)過慢的話，就會毫不猶豫地“扭頭便走”，轉(zhuǎn)投其他的網(wǎng)站。

不過可喜的是，您不必為了優(yōu)化自己的網(wǎng)站性能，而去修煉成為高級碼農(nóng)。通過參考如下五種方法，您也能在提高網(wǎng)站加載速度的基礎(chǔ)上，成功實現(xiàn)付費用戶的轉(zhuǎn)化，以及品牌認可度的提升。

1.使用各種緩存插件

讓我們先考慮一下在大量用戶訪問某個目標網(wǎng)站時，其后臺會發(fā)生什么：

• 瀏覽器通過地址欄搜索訪問Web站點。
• 目標站點通過特定的PHP代碼與網(wǎng)站主機進行通信。
• 網(wǎng)站主機向后臺存儲了網(wǎng)站所有、或部分內(nèi)容的主數(shù)據(jù)庫發(fā)出請求。
• 在收到請求之后，數(shù)據(jù)庫將其編譯為可讀的HTML頁面，然后發(fā)回網(wǎng)站主機，并最終呈現(xiàn)給用戶。

有經(jīng)驗的讀者一定會發(fā)現(xiàn)，在該過程中，最消耗時間、最可能降低網(wǎng)站訪問速度的步驟是：在主數(shù)據(jù)庫處檢索訪問請求。此處正好需要緩存插件來派上用場。

為了減少網(wǎng)站的加載時間。這些插件省去了每一次在用戶訪問時重復(fù)使用PHP技術(shù)，動態(tài)地構(gòu)建頁面。它們通過創(chuàng)建不變的、或是靜態(tài)的HTML文件，并將其保存下來，以備將來使用。顯然，此過程不但減少了服務(wù)器的負載，而且最大程度地降低了對于帶寬的使用。與此同時，它們還有助于防止信息在中繼過程中可能出現(xiàn)的延遲。有統(tǒng)計表明：網(wǎng)站如果能夠合理地使用緩存插件，其頁面的加載時間能夠減少22%到58%。

2.選擇VPS托管

對于資金不夠雄厚的企業(yè)而言，網(wǎng)站性能不佳有時候源于選購了過于廉價的Web主機。托管機構(gòu)通常會提供一個共享式的服務(wù)器，這些企業(yè)的網(wǎng)站與其他許多各種類型的網(wǎng)站魚龍混雜在一起，因此用戶對該網(wǎng)站的訪問請求必須參與資源的“排隊”。

此時，企業(yè)就需要重新考慮是否應(yīng)該選購更為可靠的、由虛擬專用服務(wù)器(virtual private server，VPS)所提供的托管服務(wù)了。具體請參見：vps-hosting" _fcksavedurl="https://dzone.com/articles/the-benefits-of-vps-hosting">https://dzone.com/articles/the-benefits-of-vps-hosting?？偟恼f來，VPS托管能夠為提升網(wǎng)站頁面加載的速度帶來如下好處：

專用資源

• 防止其他站點消耗本網(wǎng)站的CPU、以及內(nèi)存等既有資源。
• 提供專有的服務(wù)器資源與性能，而不再使用共享的方式。
• 能夠靈活且按需地優(yōu)化資源，提供更多的CPU與內(nèi)存處理能力，進而能夠更快地受理與執(zhí)行大量的請求。

本地資源

• 將數(shù)據(jù)資源直接保存在Web服務(wù)器上，而不再像共享托管的模式那樣，必須將資源轉(zhuǎn)存到另一臺服務(wù)器上。
• 提高網(wǎng)站的本地調(diào)用性能。
• 實時獲取快捷的硬盤性能。
• 相比標準的磁盤驅(qū)動器而言，固態(tài)硬盤(或SSD)加載文件的速度更快。

可見，如果您的網(wǎng)站體積較大、且占用的資源較多，那么請升級當前的托管計劃，以獲取更好的頁面性能。當然，在選購VPS主機之前，請務(wù)必先閱讀相關(guān)社區(qū)的認證用戶對于該平臺的評論，考量它是否真的能夠允許大量用戶，在不影響性能的情況下，同時瀏覽托管網(wǎng)站。

3.減少HTTP請求

雅虎曾研究發(fā)現(xiàn)：普通網(wǎng)站的80%加載時間，通常被浪費在下載各種腳本、樣式表和圖像等方面。每一項元素都會發(fā)出的不同的HTTP請求，因此如果頁面上的組件過多，那么呈現(xiàn)頁面所需的時間必定會較長。

不過，在減少此類請求之前，我們有必要先具體了解本站點到底產(chǎn)生了那些HTTP請求。我們可以采用如下方式建立一個參考基準。

• 在Google Chrome的菜單中，依次點擊更多工具->開發(fā)者工具。
• 在目標頁面上需要分析的區(qū)域，右擊并選擇“檢查”。
• 在右半部分的側(cè)邊欄中，點擊“網(wǎng)絡(luò)”菜單。如果沒有看到右側(cè)欄的話，請拖曳鼠標以展開。
• 在“名稱”列中仔細查看每一個文件。通過參閱右邊的“大小”和“時間”列，以獲悉每個文件的體積，以及加載所需的時長。
• 在左下角處，您可以查看到本網(wǎng)站該區(qū)域發(fā)出了多少請求。(如下圖所示)

通過梳理相關(guān)文件，我們既可以刪除那些不需要的文件，又能夠按需合并部分文件。此外，由于某些無效的斷鏈接會通過創(chuàng)建替代性的HTTP請求，來降低網(wǎng)站的響應(yīng)速度，因此我們需要修復(fù)此類鏈接，以減少請求的整體數(shù)量。

4.使用外部平臺來承載視頻

生動有趣的視頻顯然會讓您的網(wǎng)站增色不少，但是視頻文件本身也可能拖慢網(wǎng)站的加載速度。請注意如下三個方面：

• 切勿通過WordPress編輯器、或文件傳輸協(xié)議(FTP)，將視頻直接上傳到自己的網(wǎng)站。它們會占用您有限的服務(wù)器存儲空間。
• 從用戶體驗的角度來說，與其在帶寬有限的服務(wù)器上播放可能出現(xiàn)停滯和延遲的視頻，不如根本去掉。
• 請將視頻上傳到“愛、優(yōu)、騰”之類的第三方專業(yè)平臺，然后將其鏈接嵌入自己的網(wǎng)站。

總之，通過借助穩(wěn)定、高速的外部視頻平臺，您不但可以節(jié)省服務(wù)器上的空間，還能夠提高播放時的用戶體驗。

5.優(yōu)化CSS的交付

CSS負責管理頁面上的各類樣式需求。通常Web站點會通過如下方式來獲悉相關(guān)的信息：

• 在頁面呈現(xiàn)之前，事先加載外部文件。如下代碼展示了當外部CSS被加載到HTML頭部時的樣子：

CSS 

<!—Your styles –> 
<link rel=”stylesheet” type=”text/css” media=”all” href=http://yourURL/style.css />  

• 將內(nèi)聯(lián)的CSS嵌套在頁面的HTML中。此舉的好處在于：
  • 將所有的CSS都放在外部樣式表中，以避免在HTML代碼中包含過多的CSS，從而保障了代碼的簡潔，并避免出現(xiàn)重復(fù)性的代碼。
  • 通過設(shè)置單一的外部樣式表，可避免產(chǎn)生針對多種樣式表的HTTP請求數(shù)量。如果需要，我們可以將它們進行合并。
  • 在為HTML添加新的引用、并刪除舊的文件時候，我們可以復(fù)制每個CSS文件的內(nèi)容，并粘貼到單一的主CSS文件之中。

總之，單一的CSS文件可以有效地減少來自用戶瀏覽器的請求數(shù)量，并縮減頁面的執(zhí)行時間。當然，為了安全起見，請留意CSS可能出現(xiàn)的渲染阻止(render-blocking)等問題。

原文標題：5 Things Your Website Needs for Faster Performance in 2020，作者：Joydeep Bhattacharya

【51CTO譯稿，合作站點轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】