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

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

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

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

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

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

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

用戶體驗(yàn)

跳出率和訪客留存率

轉(zhuǎn)化率

品牌認(rèn)知度

移動(dòng)優(yōu)先文化

搜索引擎優(yōu)化

• 用戶體驗(yàn)

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

• 跳出率和訪客留存率

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

• 轉(zhuǎn)化率

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

• 品牌認(rèn)知度

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

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

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

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

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

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

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

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

• 性能指標(biāo)

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

• 核心 Web 指標(biāo)

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

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

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

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

• 頁面加載指標(biāo)

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

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

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

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

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

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

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

  
  

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

• HTTP 請(qǐng)求

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

  通常，站點(diǎn)的 HTTP 請(qǐng)求越少，其性能就越好。可能影響 HTTP 請(qǐng)求數(shù)量的因素包括圖像、JavaScript、CSS 文件和第三方工具。

• 頁面粗細(xì)

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

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

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

• Web 托管

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

• 緩存

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

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

• 地理位置

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

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

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

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

• URL 重定向

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

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

檢查網(wǎng)站性能的最佳實(shí)踐，檢查網(wǎng)站性能的第一步是對(duì)其進(jìn)行測(cè)試，在開始測(cè)試之前，請(qǐng)考慮以下事項(xiàng)：

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

注意緩存。 對(duì)于實(shí)驗(yàn)室測(cè)試，每次刷新時(shí)，結(jié)果都會(huì)發(fā)生變化。對(duì)于每個(gè)測(cè)試，建議刷新 3 到 5 次并運(yùn)行平均值，以獲得最準(zhǔn)確和最值得信賴的結(jié)果。

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

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

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

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

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

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

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

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