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

什么是網站性能？

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

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

為什么網站性能很重要？

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

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

用戶體驗

跳出率和訪客留存率

轉化率

品牌認知度

移動優先文化

搜索引擎優化

• 用戶體驗

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

• 跳出率和訪客留存率

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

• 轉化率

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

• 品牌認知度

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

• 移動優先文化

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

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

• 搜索引擎優化

  性能不僅會影響用戶體驗您的網站，還會影響訪問者最初找到您網站的方式。

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

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

• 性能指標

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

• 核心 Web 指標

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

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

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

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

• 頁面加載指標

  頁面速度是指網頁上內容的加載速度。頁面速度可以通過多種方式進行測量，包括：

  速度指數 （SI），表示內容在頁面加載期間的顯示速度。

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

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

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

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

  影響網站性能的因素
  

  
  

  為了優化您網站的性能，讓我們深入了解您應該考慮的以下參數。

• HTTP 請求

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

  通常，站點的 HTTP 請求越少，其性能就越好。可能影響 HTTP 請求數量的因素包括圖像、JavaScript、CSS 文件和第三方工具。

• 頁面粗細

  雖然請求數量會影響性能，但實際請求的內容也會受到影響。頁面粗細（也稱為頁面大小）是指網頁的文件量，即頁面上包含的 HTML、圖像或其他媒體、JavaScript、CSS 和第三方資源。網站越重，頁面上需要加載的元素和資產就越多，頁面的執行速度就越慢。

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

  文件大小：文件越小，發送和下載的速度就越快。為了提高性能，文件可以由 Web 服務器“壓縮”，或者盡可能縮小而不丟失信息，然后發送到瀏覽器以正常接收和呈現它們。

• Web 托管

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

• 緩存

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

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

• 地理位置

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

  為了縮短數據因請求而傳輸的距離，托管服務提供商還戰略性地將服務器（稱為代理服務器）放置在全球各地，作為內容交付網絡的一部分。這些服務器托管網頁、圖像和視頻的緩存副本，并快速響應離它們最近的瀏覽器的請求。

• 瀏覽器插件、擴展和第三方應用程序

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

• URL 重定向

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

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

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

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

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

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

網站性能常見問題解答

什么是良好的網站性能？

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

網站性能數據的主要類型有哪些？

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

網站性能指標有哪些？

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