我們都經(jīng)歷過這樣一個關(guān)鍵時刻，當您即將進行大宗購買（如機票）或預(yù)訂自發(fā)的晚餐預(yù)訂時，頁面會停止加載。當您想知道交易是否成功時，您的心很快就沉了下來，并且您擔(dān)心自己會被收取兩次費用。如果你能與這種情緒的產(chǎn)生共鳴，那么當你決定如何制作網(wǎng)站時，你就會明白網(wǎng)站性能的重要性。

什么是網(wǎng)站性能？

網(wǎng)站性能衡量網(wǎng)站頁面在任何類型設(shè)備上的用戶瀏覽器中加載和顯示的速度，從而影響整體交互性和可用性。簡而言之：網(wǎng)站加載和顯示的速度越快，它的 “性能” 就越好。

服務(wù)器和平臺基礎(chǔ)設(shè)施在網(wǎng)站性能中起著關(guān)鍵作用，但其他因素也會影響性能，例如無意中使網(wǎng)站的內(nèi)容和圖像過載。在本指南中，我們將介紹網(wǎng)站性能的所有基礎(chǔ)知識，并分享您可以做些什么來監(jiān)控、支持和改進您的網(wǎng)站。

為什么網(wǎng)站性能很重要？

無論您的行業(yè)或利基市場如何，都可以將網(wǎng)站性能視為您在線成功的腳手架。很多時候，訪問者只需要良好的初始性能，就可以確保他們不僅會再次與您的網(wǎng)站互動，而且還可能轉(zhuǎn)化為客戶。例如，如果網(wǎng)站訪客遇到網(wǎng)站卡頓或內(nèi)容加載時間過長，即使加載時間過長一秒，他們很可能不會返回您的網(wǎng)站。這不僅會對您的網(wǎng)站產(chǎn)生持久的影響，還會對公眾如何看待您的品牌產(chǎn)生深遠的影響。

讓我們更深入地了解一下為什么網(wǎng)站性能如此重要，它會影響：

用戶體驗

跳出率和訪客留存率

轉(zhuǎn)化率

品牌認知度

移動優(yōu)先文化

搜索引擎優(yōu)化

• 用戶體驗

  在創(chuàng)建網(wǎng)站時，必須考慮設(shè)計如何影響性能。如果你有一個加載緩慢的網(wǎng)站，那么它有多華麗都無關(guān)緊要，因為訪問者甚至在有機會看到它之前就會反彈。這是因為這些美學(xué)元素是以犧牲您網(wǎng)站的用戶體驗為代價的。通過提供影響網(wǎng)站性能的用戶體驗，您可以為您的網(wǎng)站提供確保業(yè)務(wù)成功的最佳機會。

• 跳出率和訪客留存率

  網(wǎng)站所有者在極短的時間內(nèi)給網(wǎng)站訪問者留下良好的第一印象——因此他們的網(wǎng)站表現(xiàn)良好至關(guān)重要。 跳出率衡量的是登陸網(wǎng)站并在僅訪問一個頁面或未點擊任何鏈接后離開的訪問者的百分比。根據(jù) Google 的說法，如果頁面加載時間是 3 秒，而不是 1 秒，那么訪問者跳出的可能性就會增加 32%。

• 轉(zhuǎn)化率

  如果用戶對您的流暢快速的網(wǎng)站有良好的體驗，他們很可能會留在您的網(wǎng)站上并點擊一些東西。這種體驗甚至可能促使他們返回您的網(wǎng)站并購買商品或請求您的服務(wù)。

• 品牌認知度

  密切關(guān)注您網(wǎng)站的性能和整體外觀可以向客戶表明您重視他們的時間和支出。僅僅一次表現(xiàn)不佳網(wǎng)站的糟糕體驗就會影響品牌信任和整體品牌認知度。

• 移動優(yōu)先文化

  平均而言，美國人每天查看手機 344 次，即每 4 分鐘一次，因此 57.84% 的網(wǎng)絡(luò)流量來自手機也就不足為奇了。創(chuàng)建可快速加載的高性能移動優(yōu)先設(shè)計是用戶體驗的重要組成部分。

  研究表明，移動網(wǎng)站速度每提高 0.1 秒，零售網(wǎng)站的轉(zhuǎn)化率就會提高 8.4%。您可以使用這個簡單的測試來檢查您的網(wǎng)站是否適合移動設(shè)備。

• 搜索引擎優(yōu)化

  性能不僅會影響用戶體驗?zāi)木W(wǎng)站，還會影響訪問者最初找到您網(wǎng)站的方式。

  Google 的核心 Web 指標（我們將在下面介紹）是 Google 頁面體驗（一組衡量感知用戶體驗的信號）的一部分，可以影響網(wǎng)站在搜索結(jié)果頁面 （SERP） 上的顯示方式。

  然而，重要的是要注意，Google 并不認為 Core Web Vitals 是一個關(guān)鍵的排名因素。此外，頁面體驗本身就是一個排名信號——根據(jù) Google 的說法，它不是一個排名系統(tǒng)——不應(yīng)該是你高度關(guān)注的東西。

• 性能指標

  網(wǎng)站性能是通過各種速度和質(zhì)量測試來衡量的，包括訪問者到達時網(wǎng)站加載的速度、對用戶交互的反應(yīng)速度以及動畫等媒體的運行流暢程度。這些測試可以在實驗室中運行受控模擬，也可以在現(xiàn)場使用真實用戶體驗和真實測量進行測量。  由于需要跟上的工具和指標太多，Google 的 Core Web Vitals 計劃創(chuàng)建了一個統(tǒng)一且一致的行業(yè)標準，以幫助網(wǎng)站專注于最重要的指標。雖然它們是衡量網(wǎng)站性能的關(guān)鍵指標，但重要的是要注意，它們并不是影響性能的唯一指標。

• 核心 Web 指標

  Core Web Vitals 使用三個信號來衡量速度、交互性和視覺穩(wěn)定性：

  最大內(nèi)容繪制 （LCP） 測量在頁面上呈現(xiàn)最大圖像或文本塊所需的時間。

  累積版面偏移 （CLS） 測量頁面整個生命周期內(nèi)的所有版面偏移。每當可見元素在頁面加載時更改其位置時，就會發(fā)生布局偏移。

  首次輸入延遲 （FID） 衡量從用戶首次與頁面交互（例如，通過單擊鏈接或按鈕）到瀏覽器實際處理該交互的時間。

• 頁面加載指標

  頁面速度是指網(wǎng)頁上內(nèi)容的加載速度。頁面速度可以通過多種方式進行測量，包括：

  速度指數(shù) （SI），表示內(nèi)容在頁面加載期間的顯示速度。

  首次內(nèi)容繪制 （FCP），測量從頁面開始加載到頁面內(nèi)容的任何部分（文本、圖像和其他圖形元素）在屏幕上呈現(xiàn)的時間。

  互動時間 （TTI），衡量從用戶登陸頁面到頁面完全互動（用戶可以點擊按鈕并以其他方式與您的網(wǎng)站互動）所需的秒數(shù)。

  總阻塞時間 （TBT），簡單地說，衡量您的網(wǎng)頁被阻止的總時間，阻止用戶與您的頁面交互。

  首字節(jié)時間 （TTFB），測量瀏覽器請求頁面與從服務(wù)器收到第一個字節(jié)信息之間的時間。
  
  

  影響網(wǎng)站性能的因素
  

  
  

  為了優(yōu)化您網(wǎng)站的性能，讓我們深入了解您應(yīng)該考慮的以下參數(shù)。

• HTTP 請求

  HTTP 或超文本傳輸協(xié)議請求構(gòu)建了 Web 瀏覽器和 Web 服務(wù)器的通信方式。當您在瀏覽器中鍵入 URL 時，您實際上是在要求瀏覽器從網(wǎng)頁的主機服務(wù)器請求這些頁面的每個文件。通常，網(wǎng)頁越復(fù)雜，加載整個網(wǎng)站所需的 HTTP 請求就越多，加載速度就越慢。

  通常，站點的 HTTP 請求越少，其性能就越好?？赡苡绊?HTTP 請求數(shù)量的因素包括圖像、JavaScript、CSS 文件和第三方工具。

• 頁面粗細

  雖然請求數(shù)量會影響性能，但實際請求的內(nèi)容也會受到影響。頁面粗細（也稱為頁面大?。┦侵妇W(wǎng)頁的文件量，即頁面上包含的 HTML、圖像或其他媒體、JavaScript、CSS 和第三方資源。網(wǎng)站越重，頁面上需要加載的元素和資產(chǎn)就越多，頁面的執(zhí)行速度就越慢。

  圖片大?。?圖像在您的網(wǎng)站設(shè)計中起著至關(guān)重要的作用。它們傳達品牌信息、吸引訪問者、支持博客內(nèi)容，甚至可以充當號召性用語 （CTA）。但是，圖像比純文本 HTML 文件更重，加載時間更長，因此會顯著影響網(wǎng)站的性能。  為確保最佳性能，所有圖像都需要在您的網(wǎng)站上發(fā)揮戰(zhàn)略作用并進行優(yōu)化。圖像優(yōu)化是指在不影響質(zhì)量的情況下將圖像轉(zhuǎn)換為盡可能小的文件大小的過程。  然后，您可以以 JPG、PNG 或 GIF 文件格式下載它們。需要注意的是，就性能而言，最好的格式是 JPG，因為 JPG 圖像可以比 PNG 小 10 倍，因此，它們的加載速度要快得多。避免使用 GIF 也是最佳做法，因為這些動畫圖像往往具有較大的文件大小，這會導(dǎo)致加載時間更長。相反，請嘗試使用視頻，因為它使用的文件大小較小，并且用戶可以在文件完全下載之前查看。  提示： 添加到 Thinkart 網(wǎng)站的每張圖片都會自動優(yōu)化并轉(zhuǎn)換為現(xiàn)代圖像格式（如 WebP），以確保快速下載和高質(zhì)量。Thinkart 網(wǎng)站還使用“延遲加載”來優(yōu)化性能，因此瀏覽器會延遲在用戶初始視圖之外加載內(nèi)容或媒體。您還可以使用圖像調(diào)整器工具將圖像縮放到您想要的確切尺寸。

  文件大?。何募叫。l(fā)送和下載的速度就越快。為了提高性能，文件可以由 Web 服務(wù)器“壓縮”，或者盡可能縮小而不丟失信息，然后發(fā)送到瀏覽器以正常接收和呈現(xiàn)它們。

• Web 托管

  Web 托管是指向用戶瀏覽器提供網(wǎng)站文件。不同的托管選項可以根據(jù)網(wǎng)站大小、流量數(shù)量和可擴展性影響您網(wǎng)站的性能。

• 緩存

  緩存是存儲數(shù)據(jù)（在服務(wù)器上或通過瀏覽器）的過程，將來可以更輕松地獲取數(shù)據(jù)，以避免 HTTP 請求和響應(yīng)周期。

  例如，如果您有一個銷售舊貨店發(fā)現(xiàn)的電子商務(wù)網(wǎng)站，您將擁有某些資產(chǎn)，例如您的徽標，它們會出現(xiàn)在每個頁面的同一位置。如果沒有緩存，每次用戶點擊新產(chǎn)品頁面時，頁面都必須下載徽標。所有 Thinkart 站點都會向所有頁面部署自動緩存。

• 地理位置

  盡管感覺無處不在的 Internet 無處不在，但使網(wǎng)站正常工作的 Web 基礎(chǔ)設(shè)施不僅是有形的，而且遍布世界各地。每個 HTTP 請求都必須從瀏覽器傳輸?shù)椒?wù)器，然后信息必須從服務(wù)器傳回并傳遞到瀏覽器。數(shù)據(jù)在服務(wù)器和瀏覽器之間傳輸?shù)奈锢砭嚯x越長，完成請求和響應(yīng)周期所需的時間就越長。  例如，托管在位于華盛頓州西雅圖的服務(wù)器上的網(wǎng)站對于西雅圖的瀏覽器請求的性能要比在馬達加斯加的請求要好，因為數(shù)據(jù)的物理傳輸距離更少。

  為了縮短數(shù)據(jù)因請求而傳輸?shù)木嚯x，托管服務(wù)提供商還戰(zhàn)略性地將服務(wù)器（稱為代理服務(wù)器）放置在全球各地，作為內(nèi)容交付網(wǎng)絡(luò)的一部分。這些服務(wù)器托管網(wǎng)頁、圖像和視頻的緩存副本，并快速響應(yīng)離它們最近的瀏覽器的請求。

• 瀏覽器插件、擴展和第三方應(yīng)用程序

  第三方附加組件通過訪問存儲在另一臺服務(wù)器上的數(shù)據(jù)為您的網(wǎng)站提供額外的功能。由于它們需要向這些服務(wù)器發(fā)送額外的 HTTP 請求，因此它們的加載速度通常很慢。為了優(yōu)化性能，請將附加組件限制為僅對用戶體驗有很大貢獻的附加組件。

• URL 重定向

  將網(wǎng)站訪問者和搜索引擎重定向到與他們最初請求的頁面不同的 URL。當瀏覽器向服務(wù)器發(fā)送 HTTP 請求以獲取已重定向到另一個頁面的特定頁面 URL 時，會觸發(fā)們。服務(wù)器使用新頁面 URL 響應(yīng)瀏覽器的請求，然后瀏覽器使用該 URL 的新請求進行響應(yīng)。由于它需要完成額外的 HTTP 請求，因此可能會對頁面的性能產(chǎn)生負面影響。多個重定向請求可能會對瀏覽器資源造成相當大的負擔(dān)，并最終減慢頁面加載時間。

  隨著您的業(yè)務(wù)增長和在線內(nèi)容的變化，您可能需要使用重定向更新網(wǎng)站的流程。例如，假設(shè)您創(chuàng)建了多篇涵蓋同一主題的博客文章，并且您希望根據(jù)主題集群模型將它們合并為一篇戰(zhàn)略文章。雖然重定向通常是不可避免的，并且對 SEO 來說是必要的，但請盡可能保持它們簡單明了，以保證良好的性能。
  
  

檢查網(wǎng)站性能的最佳實踐，檢查網(wǎng)站性能的第一步是對其進行測試，在開始測試之前，請考慮以下事項：

注意您的數(shù)據(jù)源。 現(xiàn)場數(shù)據(jù)或真實用戶監(jiān)控 （RUM） 數(shù)據(jù)是最準確的測量方法，因為它包含來自真實用戶真實訪問的數(shù)據(jù)，并反映了用戶設(shè)備、網(wǎng)絡(luò)和位置的實際狀況。   但是，并非所有站點都有足夠的流量來獲取此字段數(shù)據(jù)，因此他們可以改用實驗室數(shù)據(jù)。與現(xiàn)場數(shù)據(jù)不同，實驗室數(shù)據(jù)來自模擬環(huán)境。具體來說，在移動設(shè)備上，模擬條件是在網(wǎng)絡(luò)條件不理想的低端設(shè)備上進行測試的，因此它們不是 100% 準確的，因為它不一定等同于現(xiàn)實世界的用戶體驗。  雖然它不太準確，但當您嘗試了解設(shè)計更改如何影響您的網(wǎng)站性能時，實驗室數(shù)據(jù)會派上用場。假設(shè)您正在考慮將新圖庫嵌入到您的網(wǎng)站中，并希望在發(fā)布之前查看它是否對您的網(wǎng)站性能有任何明顯影響。由于設(shè)計不是實時的，因此無法獲得現(xiàn)場 （RUM） 結(jié)果，因此請使用實驗室數(shù)據(jù)獲得即時結(jié)果，以檢測桌面和移動設(shè)備上典型用戶體驗的理論性能下降。

注意緩存。 對于實驗室測試，每次刷新時，結(jié)果都會發(fā)生變化。對于每個測試，建議刷新 3 到 5 次并運行平均值，以獲得最準確和最值得信賴的結(jié)果。

不同的測試給出不同的結(jié)果。每項測試的工作方式都不同，并校準自己的測量結(jié)果和獨特的性能分數(shù)。此外，在分析 URL 時，您將收到兩個單獨的報告：一個用于桌面，一個用于移動設(shè)備。由于處理能力、網(wǎng)絡(luò)條件、網(wǎng)站內(nèi)容（有時在桌面和移動設(shè)備之間有所不同），它們可能會產(chǎn)生不同的性能結(jié)果。為了獲得準確的結(jié)果，請嘗試 1 到 3 項測試，只需注意每項測試的具體內(nèi)容以及數(shù)據(jù)的來源，即可最好地了解它們可能不同的原因。

網(wǎng)站性能常見問題解答

什么是良好的網(wǎng)站性能？

有很多方法可以評估網(wǎng)站的性能，從速度到跳出率和用戶體驗。一般來說，一個好的網(wǎng)站性能是能夠在三秒內(nèi)快速加載的網(wǎng)站。

網(wǎng)站性能數(shù)據(jù)的主要類型有哪些？

在衡量網(wǎng)站性能時，有兩種主要類型的數(shù)據(jù)。實驗室數(shù)據(jù)是在模擬環(huán)境中的受控條件下收集的。它通常是使用 Lighthouse、WebPageTest 或 Google PageSpeed Insights 等工具收集的。然后，這些工具會提供詳細的網(wǎng)站性能指標，例如加載時間和頁面大小。Field 數(shù)據(jù)是從 Web 站點的實際實時使用情況中收集的。Google Analytics 等工具可以顯示用戶在網(wǎng)站上的行為以及該網(wǎng)站的每個頁面。這包括跳出率和頁面停留時間等指標。

網(wǎng)站性能指標有哪些？

常見的網(wǎng)站性能指標包括頁面加載時間、交互時間、第一個字節(jié)的時間和第一個內(nèi)容字節(jié)。從本質(zhì)上講，所有這些指標都衡量了網(wǎng)站頁面上不同層和級別的內(nèi)容加載所需的時間。