快與死：您的頁面速度是否太慢？

頁面速度不僅僅是一個熱門話題：它是一個紅色的大核按鈕，上面寫著“危險”。 它可以說是互聯網上最大的轉換殺手。

每個人都引用的統計數據是您的加載時間需要低於 3 秒。 “如果網站加載時間超過 3 秒，則有 40% 的人會放棄該網站”——您聽說過，對吧？

不幸的是，事情從來沒有那麼簡單。

慢而穩輸了比賽

許多營銷人員仍然認為速度並不重要。 他們記得兔子和烏龜的故事，跑得快的兔子在比賽中途打個盹，讓緩慢但穩重的烏龜先到達終點，並告訴自己，人是有耐心的。

我們只能假設他們從未真正見過人，因為如果他們見過，他們就會知道“緩慢而穩定”不是互聯網的方式。

畢竟，當《絕命毒師》在 Netflix 上緩衝時間過長時，他們也會抱怨這些人，而且他們在 Walter White 的故事上的投入比在您的銷售頁面上投入的要多得多。

3 秒的研究是在 2011 年完成的，隨著注意力持續時間的縮短，觀眾的期望值只會越來越高。 隨著移動瀏覽的增長和不總是可靠的數據帶寬，這個問題進一步惡化。

無論您銷售什麼產品都是如此：如果加載速度不夠快，您的客戶會感到無聊並在其他地方購物。

那麼這是什麼意思？ 如果 3 秒還不夠快，那是什麼？

用未來的先知艾薇兒·拉維尼 (Avril Lavigne) 的話來說，“這很複雜”。 讓我們談談數字。

速度統計

早在 2018 年，谷歌——一家對人們在互聯網上喜歡什麼有一點了解的公司——將頁面速度作為其排名算法的一部分。 2019 年，他們進行了更多測試，結果表明，如今 53% 的移動用戶如果被迫等待超過 3 秒會放棄一個頁面——流量損失更大。

Diginow 最近的一項研究證實了這一點，該研究發現 47% 的移動用戶如果被迫等待超過2 秒就會放棄頁面。

你的頁面越慢，你的跳出率就越高：

這很重要。 很多。 為什麼？

在他們決定點擊之前，您的潛在客戶甚至從未看過您的頁面。 沒有消息傳遞，沒有營銷，這些都沒有引起他們的注意。 你華麗的頁面設計？ 完美的標題，那個令人垂涎的副本？

它們不一定不起作用。 那是他們甚至從未見過。 為了幾秒鐘，您的點擊被浪費了。

殘忍的？ 絕對地。 但這就是生活。 如果在龜兔賽跑的時候周圍有掠食者，事情就會有不同的結局。 等到兔子越過安全線時，烏龜湯還是很熱的。 在互聯網上，最大的掠奪者是潛在客戶的無聊門檻。 在您離開大門之前，它已經佔用了您 53% 的流量。

每個設備都是如此。 Akamai 2017 年的一項研究表明，即使是 100 毫秒的減速也會使台式機上的轉化率降低 2.4%，移動設備上的轉化率會降低 7.1%：

一秒的字面意思：100ms。 這聽起來並不多，甚至比這還要少。 試試這個快速實驗：單擊鼠標。 完成了？ 好的。

一次單擊，僅單擊一次，就花費了大約 250 毫秒。 長了兩倍半。 這種微小的速度提升導致轉化率上升。 這裡有一些好消息。

由於人們意識到頁面速度的重要性，因此出現了許多工具來幫助您測試頁面的速度。 Google 的 Page Speed Insights 可能是最著名的，但也有一些，包括 GT Metrix 和 Pingdom。

這些免費工具可讓您輸入您的 URL，它們會向您展示您如何根據一系列最佳實踐建議進行評分。 他們會看到你在做什麼，並給你一個滿分 100 分的分數來評估你勾選了多少頁面速度框。 這會很棒……除了每個人都錯誤地使用它們。

頁面可以太快嗎？

信不信由你……是的。 不要誤會我的意思——沒有神奇的數字。 但頁面速度不僅僅是速度。 這也與頁面有關。

Akamai 的調查發現，加載時間為 1.8 秒的頁面的轉化率最高——但這並不是因為 1.8 秒是“特殊的”。 因為 1.8 秒是人們製作網站的最快速度，同時仍然包含他們需要轉換的所有內容。 通過刪除您的銷售視頻，您絕對可以使您的頁面更快並在 Page Speed Insights 上獲得更好的分數……但這不會幫助您賺更多的錢。

因此，雖然頁面速度指標工具有助於查看您可以做些什麼來改進，但您不應該痴迷於達到完美的 100。您應該弄清楚您的頁面需要做什麼來轉換您的潛在客戶 -然後沉迷於優化盡可能多。

這裡有 4 種讓您的頁面更像兔子而不是烏龜的好方法。

優化圖像

一張圖片可能值一千字，但就加載速度而言，您可以在上面添加幾個零，但仍然不夠用。 每個人都希望他們的頁面漂亮，但事實是 - 山頂上一個人的華麗高清背景讓您的頁面移動，就像被拖過沼澤一樣。

而這一次，它真的不僅僅是關於“大”圖。 每個產品鏡頭，每個推薦頭像……所有這些都增加了負擔。 幸運的是，您可以做兩件事，讓您的圖像更像那隻翱翔的雄鷹，而不像一頭死去的犀牛。

使用無損優化

圖像包含大量您並不真正需要的數據。 是的，說有 1600 萬像素，但人眼根本無法感知到這麼多像素，這令人振奮。 顯然，這不是一項手動工作，但是有很多工具可以為您完成。

使用實際尺寸

瀏覽器並不以智能著稱。 您可能認為即使您不進行任何優化，您的圖像也不會對頁面產生太大影響。 當然，它們一開始是巨大的圖像，但在頁面上，您已經將它們調整為很小！

對不起，弗吉尼亞。 它不是那樣工作的。 瀏覽器在加載圖像之前不會計算出圖像應該有多大。 所以那個 6MB 的圖像？ 每次潛在客戶訪問您的頁面時，它都會加載整個內容，然後將其縮放為 250×250 的段落插圖。 因此，相反，計算出您的圖像將在您的網站上有多大。 首先縮放它們——你可以使用 Photoshop，或者像 PixelMator 這樣更便宜的程序——然後將它們上傳到你的服務器。

這樣，瀏覽器只加載它需要的東西，你的頁面移動得更快。

服務器響應時間

服務器響應時間是您的服務器開始傳送 HTML 所需的時間。 這是瀏覽器打開和敲門之間的時間，服務器模糊地出現，手裡拿著一杯咖啡，說“什麼？” 理想的時間是小於 200 毫秒——這大約是您聽到點擊後手指從鼠標按鈕上抬起所需的時間。 在一個 2 秒 SRT 並不罕見的世界裡——比它應該的慢十倍——這是一個非常激進的目標。

有很多事情可能會減慢您的服務器速度。 緩慢的應用程序邏輯、緩慢的數據庫查詢、緩慢的路由、資源和內存不足……列表還在繼續，如果您使用的是商業託管，那麼您最終無能為力。

CDN 是一個內容分發網絡。 遍布全球的多個數據中心的服務器網絡。 這意味著您的頁面不是從一個位置提供服務，而是從一個完整的服務器網絡提供服務——無論哪個離您的客戶最近，都將承擔負載。 由於 CDN 旨在快速交付內容，因此它們的服務器是專門為此目的而設計的。 CDN 不是您可以自己構建的東西（除非您擁有真正一流的技術團隊），但是有很多商業提供商可用。

緩存

任何讓合作夥伴查看搜索歷史的人都可以告訴您，瀏覽器的記憶力令人擔憂。 你可以利用它來發揮你的優勢。

本質上，瀏覽器可以被告知：“網站的這一點？ 那不會改變。 下次記住就好了。” 這意味著對於背景圖像等變化不大的內容，您可以告訴瀏覽器只記住它們。 當您的查看器回來時，它不需要重新下載該內容，因為它的內存中已經有了一個副本。 這意味著當有人點擊你的一個重定向廣告時，頁面加載速度甚至比他們第一次到達時更快。 這是一個非常光滑的印象。 您可以在 HTTP 標頭中為站點中的每個資源設置緩存時間。 這裡有關於如何做的解釋，但請注意，它有點技術性。

（專業提示：這是過分關注頁面速度指標可能會讓您失望的領域之一。在大多數項目中，您需要一個不錯的長緩存。但在某些方面 - 例如，您的分析 - 你真的不' t. 但指標檢查器無法區分差異，並且為它們標記您完全相同。）

縮小代碼

當編寫好的代碼時，它看起來有點像這樣：

就像任何寫作一樣，當您了解該語言時，代碼應該易於閱讀。 因此，您可以為變量提供易於理解的名稱。 你用空格分隔你的函數。 您將操作放在新行上。 當一個人看這樣的代碼時，他們可以閱讀它。

計算機不關心這些。 當“a”可以時，他們不需要將函數命名為“RevString”。 'RevString' 的字符數是它的 9 倍，因此唯一的區別是讀取它們需要 9 倍的時間。

這意味著 HTML 中的每一個不必要的字符、每一個換行符、每一個空格——它們都會減慢計算機讀取頁面的速度。

當他們最終站起來控制人類時，也許那將是一件好事。 但是今天，你想創造更多的銷售額，這樣你就可以建造那個讓你舒適地度過戰爭的地堡，阿米里特？

（讓我們面對現實，讓我們未來的霸主現在生活更輕鬆一點只能是一件好事）因此，為了確保您的頁面可以盡快被閱讀，您的代碼需要被縮小，這基本上意味著將您看到的變成上面變成更像這樣的東西：

這對我們來說沒有多大用處，但是計算機撕裂它的速度比 Arnie 撕裂警察局的速度要快。

以簡單的方式獲得更快的頁面

當然，閱讀有關提高頁面速度（以及它可以提供的轉換的巨大改進）的技術細節是一回事。 實際上自己做是一個完全不同的主張。

但還有更簡單的方法。

我們開發了加速頁面技術，可以精確地為 Convertri 的頁面提供支持，以確保任何人都可以擁有閃電般的加載時間，即使他們的後兜里沒有技術團隊。

除了上面提到的四點之外，它還使用頁面預生成、內聯編碼、將服務器請求減少到最低限度、源頭屏蔽和 GZIP 壓縮，以及更多的調整和優化，以確保您的頁面移動速度超過任何其他。

我們不依賴於我們的測試指標。 我們運行真實世界的實驗，創建您將實際使用的著陸頁類型，包括圖像、視頻和表單。 我們在各種構建器中製作此頁面並使用 Pingdom 測試加載時間，以確保我們頁面的實際性能盡可能快。

結果……好吧，我們不喜歡吹噓……

（這是我們喜歡吹噓的謊言。）

簡而言之，我們確保您在 Convertri 中的銷售頁面比在其他任何地方構建的相同頁面更快。

最好的部分是您可以自己嘗試。

快速加入互聯網，而不是互聯網死機。