建站
咨詢
售后
建站咨詢
新聞中心
創(chuàng)新互聯(lián)長期為上1000+客戶提供的網站建設服務，團隊從業(yè)經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網生態(tài)環(huán)境。為軹城企業(yè)提供專業(yè)的成都網站設計、成都網站建設，軹城網站改版等技術服務。擁有10余年豐富建站經驗和眾多成功案例,為您定制開發(fā)。
網站性能優(yōu)化，技術卓越的網站設計的焦點是決定現(xiàn)代在線業(yè)務成功的主要因素。畢竟，當等待緩慢的網頁加載的折磨使訪問者無法尋求替代方案時，不起眼的網站性能會扼殺企業(yè)的底線 – 不耐煩是數字美德！
我們創(chuàng)建了以下六章深入的速度優(yōu)化指南，向您展示擁有一個快速加載、活潑的網站是多么重要！無數研究論文和基準測試證明，優(yōu)化網站速度是最實惠和最高投資回報率的投資之一！
在以下指南中，我們將嘗試解釋技術細節(jié)，同時為您提供易于遵循的說明，您可以立即開始實施！我們希望您會發(fā)現(xiàn)它很有價值，也許值得分享！
閃電般的頁面加載速度可提高訪問者的參與度、保留率并促進銷售。根據Aberdeen Group最近的一項研究，即時的網站響應會導致更高的轉化率，頁面加載每延遲1秒就會降低16%的客戶滿意度、11%的頁面瀏覽量和7%的轉化率 。
- 第 1 章 – 網站速度優(yōu)化介紹
- 第 2 章 – 網站性能影響業(yè)務成功
- 第 3 章 – 速度優(yōu)化的移動網站使桌面黯然失色
- 第 4 章 – 影響網站性能的常見商業(yè)錯誤
- 第 5 章 – 網站速度測試 – 識別性能瓶頸！
- 第 6 章 – 如何提高網站速度？
第 1 章：網站速度優(yōu)化介紹
什么是頁面速度？
頁面速度的定義基本上是指在網頁或媒體內容從網站托管服務器下載并顯示到請求的Web瀏覽器的時間長度。頁面加載時間是單擊鏈接到在請求瀏覽器上顯示網頁中的整個內容之間的持續(xù)時間。
頁面加載時間
在用戶體驗和網站性能的背景下，了解頁面速度需要三個核心方面：
- 將請求的材料連同隨附的HTML內容交付給瀏覽器所用時間的視圖。
- 瀏覽器對頁面加載請求的響應。
- 當請求的網頁在瀏覽器上呈現(xiàn)時，最終用戶的視圖——這是頁面加載速度的最終經驗衡量標準。
網站性能隨后會影響根據專有和未公開算法開發(fā)的搜索引擎中的排名， 其中包括頁面速度、用戶體驗、網站響應能力和許多其他網站性能指標等關鍵因素。
最大化網站性能的絕對關鍵原則是從頭開始關注頁面速度優(yōu)化。性能優(yōu)化插件、服務器端腳本和最終調整對頁面速度和加載時間的影響很小——但很明顯。然而，Web開發(fā)人員和在線業(yè)務所有者在他們的網站開發(fā)和設計策略中往往會忽略頁面加載時間。
減緩？有多慢？
任何比眨眼都慢的東西——400毫秒。谷歌的工程師發(fā)現(xiàn)，幾乎察覺不到的頁面加載時間0.4秒足以讓用戶減少搜索。該技術在改善互聯(lián)網體驗方面取得了長足的進步。1990年代人滿為患的網絡世界通常被稱為“全球等待”，但通信和網絡技術的創(chuàng)新已經徹底改變了數字信息在互聯(lián)網上的傳輸方式。下一代在線企業(yè)擁有即時交付內容所需的所有資源，但為了利用和補充這些資源，企業(yè)需要提供最佳用戶體驗的速度優(yōu)化網站。
微軟速度專家和計算機科學家Harry Shum認為，0.25秒的頁面加載時間差異——更快或更慢——是決定在線業(yè)務競爭優(yōu)勢的神奇數字。
當他們不這樣做時會發(fā)生什么？
如果加載時間超過4秒，四分之一的訪問者會放棄該網站。46%的用戶不會重新訪問性能不佳的網站。網站所有者在考慮離開之前只有5秒鐘的時間來吸引訪問者。如果加載時間超過5秒，則74%的訪問移動站點的用戶會離開。頁面加載時間每延遲一秒，就可能導致 像亞馬遜這樣大的在線商家每年損失16億美元。
減緩
47%的電子商務客戶希望在他們考慮離開之前頁面加載時間少于兩秒——40%的用戶會在等待的第三秒時放棄該網站，而性能分析工具甚至還沒有捕捉到他們在網站上的存在。轉換的平均峰值加載時間僅為2秒——比數百萬個網站還要快。
當它們加速時會發(fā)生什么？
當Mozilla將頁面速度提高2.2 秒時，F(xiàn)irefox下載量增加了15.4%，即每年1000萬次！沃爾瑪發(fā)現(xiàn)頁面加載時間每改進1秒，轉化率就會增加2%。數字不會說謊！
提速
可接受的網站性能——神經科學和節(jié)奏
100毫秒。這就是我們大腦中的枕葉將視覺信息作為感覺記憶存儲的時間。
谷歌研究人員建議，頁面加載時間少于100毫秒會給訪問者一種即時網站響應的錯覺，因為我們大腦中的視覺感官記憶處理器以100毫秒的突發(fā)工作。隨著眼睛中的感光細胞向枕葉傳輸更多信息，記憶庫會在0.1秒后自行清除。
可接受的網站性能
1秒的頁面加載時間足以保持無縫的思想流動——用戶感覺可以控制他們的網絡瀏覽活動，除非網站無法按預期響應，否則精神壓力不會加劇。
在10秒的延遲下，訪客的注意力幾乎無法保持。不耐煩、沮喪和被遺棄的感覺通常足以阻止訪問者再次訪問這些緩慢的網站。
務實的心理難題
然而，由于頁面速度緩慢而放棄網站并不總是訪問網絡上所需信息的最快途徑。普通用戶會多花幾分鐘時間瀏覽快速響應但不相關的網站，而不是再等待幾秒鐘等待緩慢的相關網站做出響應。
考慮到網絡資源的海洋，用戶最終會在某個網站或其他網站上找到所需的信息。但最終的輸家是在線企業(yè)，盡管托管了所尋求的確切信息和服務，但無法足夠快地接觸到他們的在線客戶。
奇怪的是，訪問者寧愿花過多的時間在別處瀏覽信息，也不愿等待幾秒鐘加載正確的網站。這種經歷類似于幾年前的休斯頓機場事件，導致了一個巧妙的解決方案。
玩轉人類心理
機場的乘客需要步行1分鐘到達行李提取處，并在那里等待7分鐘才能領取行李?？蛻絷P系中心最終被關于服務緩慢的投訴所淹沒。
因此，機場管理人員想出了一個巧妙的解決方案來“解決”這個問題。他們把到達門移得很遠，把行李送到最外面的傳送帶上。
乘客現(xiàn)在必須步行6分鐘到達行李提取區(qū)，并在2分鐘內收到行李。結果？零投訴。絕對沒有乘客不滿意——除了有些疲憊的腿。
同樣，電梯包含鏡子，因此乘客可以忙于自己的造型，而不是考慮旅行所花費的時間。這種乘客行為類似于網絡世界中網站訪問者的行為。同樣的一般原則也適用于在線業(yè)務：客觀的等待時間定義了等待的體驗。
現(xiàn)在，在線企業(yè)可以像休斯頓機場高管一樣利用人類心理并加速進化，但幾乎沒有特定的公式來使網站響應時間對每個訪問者來說都可以忍受?；蛘撸麄儗嶋H上可以通過快速響應的網站縮短將請求的內容交付給在線訪問者的客觀等待時間——當網站旨在提供即時響應和高質量、無縫的用戶體驗時，無論哪種方式都是可能的。
本指南將側重于后一種做法，實際上將通過優(yōu)化網站性能來幫助您最大限度地發(fā)揮在線業(yè)務的潛力，從而提高客戶滿意度、保留率和忠誠度。
該指南的核心組成部分包括：
- 第 2 章：網站性能影響業(yè)務成功。
- 第 3 章：速度優(yōu)化的移動網站使桌面互聯(lián)網的成功黯然失色。
- 第 4 章：影響網站性能的常見商業(yè)錯誤。
- 第 5 章：網站速度測試——識別性能瓶頸！
- 第 6 章：如何提高網站速度？
第 2 章：網站性能影響業(yè)務成功
性能影響銷售
網站性能的用戶體驗-頁面速度的動力，轉化為有吸引力的在線購物體驗，激發(fā)銷售數字，并最終決定了在線業(yè)務的成功。自從經歷了網站性能下降影響銷售的引人注目的影響以來，行業(yè)主力谷歌開始將頁面速度納入其專有搜索算法。這家搜索引擎巨頭曾因頁面加載時間延遲半秒而導致流量下降20%。
雖然谷歌很快解決了幾乎沒有削弱其市場份額的問題，但在線企業(yè)尚未在競爭激烈的在線市場中占據一席之地的情況并非總是如此。
問：那么網站性能如何影響普通在線業(yè)務的銷售額？
答：戲劇性的，是唯一的答案！
Forrester咨詢公司最近研究了消費者在線購物期望的狀態(tài)，并評估了表現(xiàn)不佳的網站如何扼殺業(yè)務底線，而高水平的網站表現(xiàn)如何迅速提高銷售額。
研究發(fā)現(xiàn)，88%的互聯(lián)網用戶選擇提供高性能和用戶友好網站體驗的在線零售商，近50%的互聯(lián)網用戶會放棄在3秒內無法加載的網站。
因此，這些行為會影響銷售。79%不滿意的客戶不再重新訪問表現(xiàn)不佳的網站——除非你是谷歌或亞馬遜。46%不滿意的顧客會留下持久的負面印象，44%的顧客會與世界其他地方分享他們的購物體驗。其影響遠遠超出了網絡世界，因為87%的客戶在網上和實體零售店購物。
放棄緩慢的網站
雖然服務和產品質量顯然對企業(yè)銷售的影響最大，但將網站訪問者轉化為網絡世界的購買客戶在很大程度上取決于建立積極的客戶印象。這就是電子商務網站性能參數（如超快頁面速度和快速結賬流程）發(fā)揮作用的地方，最終給客戶留下積極的心理印象，促進銷售和客戶忠誠度。
性能影響轉化
作為在線業(yè)務最重要和最強大的互聯(lián)網指標，轉化率完全取決于網站 KPI，為在線零售平臺建立競爭優(yōu)勢。
在網絡世界中，如果不改善網站用戶體驗（包括頁面速度和網站響應能力），僅靠傳統(tǒng)的營銷活動并不能提高轉化率。
奧巴馬在2011年總統(tǒng)大選期間的籌款活動額外籌集了3400萬美元，當時奧巴馬的美國網站將頁面加載時間從5秒縮短到2秒——捐贈轉化率提高了14%，而網站性能僅提高了3秒！
快速加載時間等于更好的轉化
將潛在客戶帶到實體零售店門口通常需要經過周密計劃的營銷和廣告活動。一旦顧客進入商店，他們通常不會不買東西就離開。
讓在線客戶訪問在線零售店所需的努力要少得多——互聯(lián)網用戶不介意隨意點擊幾下來打開他們以前從未訪問過的網頁。搜索引擎優(yōu)化和社交媒體廣告通?？梢越鉀Q問題。
如果在可忍受的幾秒鐘內沒有提供所需的信息，訪問者同樣方便地離開站點 – 對于不為所動的訪問者，這也只需要幾次任性的點擊！
因此，網站性能和響應能力方面的用戶體驗成為影響在線市場轉化率的最終因素。電子商務首先要為客戶提供便利，并在正確的時間通過正確的信息、產品和服務有效地吸引潛在客戶。
由于網站性能問題，如果沒有比用戶放棄訪問更快的頁面速度，這兩種方法都是不可能的。不知道您的網站性能會影響轉化率嗎？Google的Test My Site tool（測試我的網站工具）可以幫助回答這個問題（請參見下面的示例）。
轉換速度計算器
性能影響用戶參與度
在制定優(yōu)化在線銷售的最佳策略時，用戶參與度統(tǒng)計數據為網站分析提供了強大的支持。在競爭激烈的網絡空間中建立的在線企業(yè)非常了解網站性能和工具的重要性，這些工具可以分析和預測與頁面速度和收入相關的次佳操作。
通過響應式和快速加載的網站增強用戶參與信息通常被視為在線業(yè)務成功的代表。用戶參與度在很大程度上取決于人類在存儲超過幾秒鐘的短期記憶方面的局限性，以及人類在所有情況下對機器的控制感的愿望。
表現(xiàn)不佳的網站
對于表現(xiàn)不佳的網站——注意表現(xiàn)不佳是一個相對術語——頁面加載時間超過了人為限制，而未能處理用戶請求會給人一種無知或無能有效和準確地提供所需響應的錯誤印象。
高性能網站
另一方面，高性能網站——注意高性能也是一個相對術語——影響決定用戶參與度的三個參數：用戶感受、用戶心理狀態(tài)和用戶交互。這三個方面在人類訪問者（不能說太多機器人?。┖途W站之間建立情感、認知和行為聯(lián)系。
有了這種聯(lián)系，在線企業(yè)可以利用用戶參與特征，例如集中注意力、動機和信任，將訪客轉化為客戶、回頭客，甚至品牌大使，從而在社交媒體和互聯(lián)網世界之外產生潛在客戶。
性能影響運營支出和收入
雖然投資于網站性能優(yōu)化會增加資本支出以將頁面加載時間縮短幾秒鐘，但不可避免地會以收入增加和運營成本和硬件投資減少的形式看到回報。
通過將頁面加載時間從7秒縮短到2秒，電子商務巨頭Shopzilla的運營預算減少了50%。網站設計大修帶來的性能改進使該公司能夠利用相同的硬件資源有效地處理相同數量的網站用戶請求。改進的網站響應能力還使收入增加了 12%，因為零售店適應了不斷擴大的網絡流量，而無需額外投資從而擴展硬件資源。
網站KPI的改進還可以提高Google AdWords質量得分，從而降低每次點擊費用 (CPC)。具有高質量得分和頁面速度的在線企業(yè)能夠高效地花費廣告預算，從而最大限度地擴大影響范圍并吸引客戶，而無需額外的運營支出。
另一方面，放緩會最大限度地減少資源利用率。Bing對其影響收入的網站性能進行了一項獨立研究，發(fā)現(xiàn)交付搜索查詢延遲2秒會導致每位用戶損失4.3%的收入。
取消延遲后，客戶行為不會發(fā)生巨大變化。當Google取消提供搜索結果的0.4秒延遲后， 即使網頁表現(xiàn)最佳，用戶的搜索次數仍然減少了0.21%。
在提高網站性能方面的額外努力可能會暫時延長資本支出，但這種權衡最終是合理的，因為額外的投資會轉化為更高的底線、增加的收入流和最低的運營費用。
性能影響可用性
學習曲線最陡峭的網站實現(xiàn)了最高的客戶鎖定?；ヂ?lián)網用戶將學習使用替代網站所花費的時間視為重要的轉換成本，這是一種機制，可將他們鎖定在通過高性能網站提供的在線服務中。
網站可用性和客戶忠誠度之間的關系元素與網站KPI相關，包括頁面速度、加載時間和網站對用戶請求的響應。網站速度優(yōu)化的假設模型將這些元素考慮在內，并將站點信任、交互性和信息相關性等特征視為最終用戶網站可用性的一個子集。
同樣，作為影響搜索排名的搜索引擎優(yōu)化的一個子集，網絡爬蟲和搜索引擎根據頁面速度、導航性、用戶體驗、響應能力和對全球受眾的可達性來衡量網站性能。
可用性特征
最終用戶期望以下影響網站可用性的特征：
- 易于操作、導航和理解。
- 直接提供正在尋求的相關信息和控制。
- 可跨所有設備外形、機器、操作系統(tǒng)、瀏覽器和地理位置訪問。
- 以最少的點擊和瀏覽器請求提供合法、可信和高質量的信息、產品和服務。
實現(xiàn)這些意圖對于最大限度地提高網站性能、可用??性和客戶忠誠度至關重要，所有這些都是作為在線業(yè)務成功渠道的單一系統(tǒng)的重疊元素。
第 3 章：速度優(yōu)化的移動網站使桌面黯然失色
移動是所有有線連接的未來。隨著移動設備的沖擊似乎涵蓋整個人類——2017年全球23.2億智能手機訂閱用戶，約占全球人口的30%，采用率正在飆升 。刺激影響的蓬勃發(fā)展浪潮繼續(xù)擾亂著幾乎沒有進入移動互聯(lián)網的在線業(yè)務營銷部分。
網絡世界的成功取決于能否采用移動優(yōu)先的方法來覆蓋激增的移動用戶群。對于努力有效覆蓋大量移動人口的組織而言，難以想象的獎勵就在眼前。
移動與桌面
另一方面，桌面網絡營銷是如此過去十年。在谷歌上搜索“后PC 時代”、“PC銷量的自由落體”和“臺式機的消亡”等詞，返回的卻是無數的新聞素材，描繪了仍然只停留在臺式機互聯(lián)網用戶群周圍的組織的黯淡未來。
對于這些行業(yè)落后者來說，現(xiàn)在采用移動優(yōu)先戰(zhàn)略還為時不晚。然而，這種方法對于前瞻性的在線企業(yè)來說并不總是有益的，當他們未能優(yōu)化對移動用戶群的影響時。
與其錯過一些重要的步驟，沒有填補有效接觸移動客戶的空白，倒不如說是在走向移動方面的錯誤方向。這些差距集中在缺乏響應式和高性能的移動網站上。
移動與桌面——為什么重要？
因為其他人都在做，首先。移動領域的競爭非常激烈，早在2014年，雅虎CEO就將其稱為 互聯(lián)網的 “轉折點”。她是對的！Stone Temple在2017年從Similar Web中提取了一些統(tǒng)計數據，這并不出乎我們的意料，但基于770億次網站訪問，移動設備占了50%以上的流量。
桌面和移動設備上的總訪問量（圖片來源：Stone Temple）
以下是一些額外的統(tǒng)計數據：
- 87%的美國公民擁有移動設備。
- 其中45%擁有智能手機。
- 其中90%通過手機上網。
- 這些移動用戶平均 每天瀏覽移動互聯(lián)網的時間為1.4小時 。
- 74%的人會放棄在5秒內未加載的移動網站。
至少從網站設計的角度來看，整個重點應該放在分別處理兩個實體 – 移動和桌面 – 上。如果沒有這種策略，訪問桌面版網站的移動用戶體驗通常會在頁面加載時間、可用性和功能方面受到影響。損害移動網站的這些核心方面可能會迫使在線企業(yè)面臨明顯的負面影響，包括：
- 低移動購買： 與桌面互聯(lián)網用戶相比，移動互聯(lián)網購物者的注意力持續(xù)時間更短，耐心也更低。
- 失去競爭： 根據對一千多名美國成年智能手機用戶的調查，近75%的受訪者表示他們更喜歡重新訪問提供高端移動用戶體驗的移動電子商務網站。
- 失去品牌價值： 設計糟糕的移動網站只是縮小完整桌面網站版本的HTML以便訪問者在瀏覽移動網頁時放大和縮小，從而使用戶未來與公司互動的可能性降低。
這些后果否定了以下通過移動互聯(lián)網接觸客戶的主要目標：
- 擴大客戶群。
- 新的廣告選項。
- 在用戶方便的情況下有效地提供優(yōu)質服務。
- 最令人擔憂的是，在業(yè)務開發(fā)中有效地采用移動網絡是不可避免的。
臺式機和移動設備在技術資源、外形尺寸和用戶界面方面有所不同——控制網站性能優(yōu)化實施的所有方面。如果不單獨優(yōu)化移動網站以提供最佳移動網站性能，則多個網站KPI會降低并對移動用戶體驗產生負面影響。
由于移動技術使用戶能夠隨時隨地搜索網絡，而站立、行走甚至舒適地躺在沙發(fā)上，對控制網站操作的渴望推動了用戶超出僅適用于桌面的傳統(tǒng)標準的期望競技場。能夠在大約2秒的短暫注意力范圍內提供移動網站內容的能力對于贏得客戶忠誠度和與移動互聯(lián)網用戶的長期業(yè)務關系至關重要。
網絡目標
高性能移動網站與高轉化的競爭空間
考慮到使用移動設備進行電子商務購買的大量互聯(lián)網流量，高性能的移動網站顯然是電子商務組織的首要任務。一個最近的研究研究表明電子商務企業(yè)可能失去數以百萬計的移動購物者的每個移動購物者平均為桌面用戶在線購買中相同的大約80％的轉化率的潛在總收入。
在低性能移動網站上運營的小型電子商務企業(yè)的轉化率通常為0.6%，而相同規(guī)模的桌面電子商務提供商的轉化率為1.6%。
另一方面，平板電腦用戶的支出比桌面用戶多20%。通過吸引這些受眾，進軍移動互聯(lián)網營銷領域的在線企業(yè)可以期待高收入流，有朝一日可能取代桌面受眾——盡管這一天目前似乎離未來有些遙遠。
網站收入來源
盡管如此，滿足移動用戶需求的需求仍將呈指數級增長。移動網站的搜索引擎優(yōu)化現(xiàn)在是一個獨立的行業(yè)——移動網站速度優(yōu)化也是如此，它包括：
- 高頁面速度
- 低頁面加載時間
- 高效交付富媒體內容
- 下載速度
- 最佳網站格式
- 整個網站的輕松導航和可用性
- 以及一個功能齊全的網站，在執(zhí)行復雜的移動互聯(lián)網使用任務時需要最少的用戶輸入。
通過解決這些問題，移動互聯(lián)網領域的微型網站有望與更大的同行競爭，它們的轉化率高達 1.2%（這是桌面網站轉化率的兩倍?。约俺^ 80% 的收入。使用其網站的桌面版本實現(xiàn)的轉換。
最快到達終點線站在領獎臺上最高
因此，財富100強公司的移動網站頁面加載時間平均為5秒也就不足為奇了 ——這比可接受的平均標準（最多7秒）快了兩秒。
平均頁面加載時間
然而，對于電子商務商家來說，5秒的頁面加載時間可能足以讓訪問者轉向更快的替代方案。而在零售領域，一些網站的加載速度與谷歌一樣快——頁面加載時間低至 1 秒！驚人的快，也許有點像谷歌那樣專注于頁面速度和網站響應能力。然而，這是前100家多渠道零售商中16家的平均頁面加載時間，他們從速度極快的移動網站中獲益，從而從移動客戶那里獲得了數十億美元的收入。
Google描述了移動網站設計中的許多變化（Here和Here），以便在1秒內在移動屏幕上呈現(xiàn)網頁——即使您不是財富100強公司或100強電子商務零售商！對于那些將移動Web開發(fā)問題掌握在自己手中的超級極客來說，非營利性萬維網聯(lián)盟 (W3C) 提供了一些最佳實踐（Here和Here）。這是一篇很長的文章，展示了移動網站優(yōu)化的重要性和強度！
對于雇用Web開發(fā)人員來設計響應速度快且速度優(yōu)化的移動網站的企業(yè)主，應在移動網站剖析的以下三個要素中尋求改進：
- 流體網格
- 靈活的圖像
- 媒體查詢
并且設計側重于以下移動網站元素：
- 刊頭
- 圖片庫
- 產品描述
- 輔助資料
- 頁腳
客戶喜歡快速響應的網站和超低的頁面加載時間。隨著對智能手機和平板電腦越來越依賴，移動技術和創(chuàng)新并沒有顯示出放緩的跡象。頂級在線零售商了解將網站內容有效地從 Web 服務器傳送到移動屏幕的微小空間的必要性。借助專為移動平臺設計的精心設計的網站，讓客戶能夠快速做出明智的購買決策，最終為在線業(yè)務創(chuàng)造永無止境的收入流。
移動采購
60%的消費者專門使用移動設備來快速做出購買決定。移動設備和臺式電腦或筆記本電腦被視為信息的媒體來源同等重要——42%的互聯(lián)網用戶喜歡移動設備，而43%的互聯(lián)網用戶喜歡PC/筆記本電腦——但通過移動設備訪問網絡的便利性正在推動移動互聯(lián)網使用和商業(yè)機會。
如果您仍然打算忽略移動網站的性能，您可能需要重新考慮主要通過專門的、速度優(yōu)化的移動網站可以獲得的機會和成功。
第 4 章：影響網站性能的常見商業(yè)錯誤
在線交易市場-如古希臘人的戰(zhàn)場-在哪里才最勤奮生存的高風險的有競爭力的平臺。與所有高風險的戰(zhàn)斗一樣，人為因素（決策錯誤、失誤和無知）對在線商業(yè)競爭的結果有很大影響。
然而，負責維護高性能和完全優(yōu)化的網站的在線企業(yè)和網站管理員往往會忽視影響網站加載時間的關鍵網頁設計元素。盡管特洛伊軍隊的規(guī)模和統(tǒng)治范圍很大，但其后果通常與特洛伊木馬穿透防御工事并完全控制特洛伊城一樣危險。
在線業(yè)務成功的競爭也同樣激烈，即使只是不那么激烈。爭取客戶注意力的斗爭歸結為最有效、最準確地提供所需的內容，無論公司規(guī)模和過去的榮譽如何。就像人類的錯誤和無知決定了特洛伊戰(zhàn)爭的結果一樣，扼殺網站性能的常見錯誤往往會決定在線業(yè)務競爭的結果——最快到達終點線贏得比賽！
最快的網站加載時間獲勝
恰當地命名為死亡間隙，由于令人驚訝地忽視了網站優(yōu)化策略和業(yè)務決策，預期頁面加載時間低于2秒與平均網站加載時間5秒之間的間隔擴大或縮小。與流行的觀點相反，速度優(yōu)化最好在網站開發(fā)的所有階段實施，而不僅僅是在構建整個網站之后，只有當網站所有者意識到需要推動網站性能優(yōu)化時。
在開發(fā)網站后實施的最終調整和速度優(yōu)化附加組件確實提高了頁面速度，減少了加載時間，至少達到了死亡間隙。但即使在這個性能區(qū)域內，在預期的 2 秒頁面加載時間之后，每延遲一秒，轉換率就會下降 7%。
另一方面，對速度優(yōu)化策略持謹慎態(tài)度的網站所有者也可以通過避免以下致命錯誤來提高網站性能：
平庸的虛擬主機服務
選擇平庸的網絡托管服務的錯誤可能永遠存在。截至2020年，有超過18億個網站在線，網絡托管空間既擁擠又破碎。大量托管選項的全球可用性正在推動企業(yè)和愛好者在網絡世界中建立自己的存在。對具有成本效益的網絡托管服務的需求呈指數級增長，托管服務提供商更愿意通過低成本層級來積累市場份額來犧牲服務質量。
銷售具有成本效益的服務的平庸網絡主機通過在膨脹的Apache堆棧的單個實例上托管數千個網站，繼續(xù)最大限度地提高盈利能力。在單個服務器堆棧上運行數千個公共網站的未經優(yōu)化的服務器對于以無法控制的網絡流量峰值、多媒體內容和大型網站文件為特征的電子商務網站尤其有害。
網絡托管和開發(fā)公司對速度優(yōu)化問題有共同的反應，即“現(xiàn)在每個人都擁有寬帶”會直接轉化為在線業(yè)務的經濟損失和品牌聲譽受損。有吸引力的網站性能對于電子商務業(yè)務的成功至關重要，因為網站加載時間超過3秒會立即失去40% 的流量。79%不滿意的訪問者幾乎永遠不會回到緩慢的電子商務網站！
網絡托管服務
或許，在追求最高質量的網絡托管服務上投入時間和金錢是維護高性能網站的關鍵，通過有效和準確地吸引訪問者的注意力來產生巨大的收入流。
讓位于帶寬竊賊
網站速度優(yōu)化是一個持續(xù)不斷發(fā)展的過程，遠遠超出訂閱世界上最好的網絡托管服務。一些旨在通過改變網站設計和功能來最大化收入的商業(yè)決策通過從分配給每個訪問者的帶寬中竊取相當大的塊對網站性能產生不利影響。
太多的小部件或插件
附加特性和功能總是讓網站所有者和開發(fā)人員滿意。小部件和插件可以方便地更改現(xiàn)有網站，同時對網站性能造成輕微負擔。即使使用 Google+ 按鈕框等最小的小部件，在某些情況下，頁面加載時間方面的網站性能負擔也會增加多達 2 秒。
Facebook 點贊框是另一個常見的減速，因為眾所周知，它可以輕松添加 40 多個 HTTP 請求（如下所示）。在客戶站點上，我們看到它使整個頁面的權重增加了 700 KB，這并不好！
Facebook小部件請求
將附加組件限制在最低限度對于保持最佳網站性能至關重要——即使是安裝到同一網站核心的插件也在為瀏覽器請求提供最快響應方面競爭，最終耗盡帶寬。
有時，已安裝插件的質量和功能遠比數量本身重要。查詢大量數據流以執(zhí)行復雜操作的插件應該在服務器外執(zhí)行此操作，而不是在WordPress等網站托管環(huán)境中執(zhí)行此操作。
太多的廣告和外部服務
看起來很誘人，向第三方廣告商出售過多的房地產會大大降低網站的性能。太多的廣告或加載緩慢的廣告會提高跳出率并對在線市場營銷產生負面影響。高跳出率帶來的經濟損失超過了將大量網站空間交給廣告商的金錢收益。
Pingdom對外服務
外部服務通常會帶來兩個問題。一個是由絕對數量帶來的，另一個與等待加載有關。
- 如果您有很多外部服務，則需要加載所有這些服務，并在每個頁面加載時等待來自它們的信息。您接到的電話越多，等待的時間就越長，您自己服務器上的負載就越高，遇到第二個問題的可能性就越大。
- 在某些情況下，頁面加載將等到您的站點和外部服務之間的數據傳輸完成。如果在標題中調用該服務并且出現(xiàn)服務中斷，您的頁面將拒絕加載。
根據一項研究，通過橫幅廣告產生收入的成本幾乎占額外延遲的 33%。侵入性的彈出式廣告進一步加劇了訪問者以更高的速度放棄網站的行為。附屬代碼，即使只是那幾行額外的腳本，也會占用托管環(huán)境中寶貴的內存空間，并且需要額外的處理周期才能將內容交付給最終用戶。
盡管如此，在線廣告是許多在線企業(yè)的主要收入來源（想想谷歌和Facebook！），一個最佳的網站廣告模型在增加網站收入的同時最大限度地減少延遲和頁面加載延遲的成本大有幫助。
臃腫的設計主題和不兼容的多媒體
誘人的網站設計主題和多媒體內容是在線流量的引人入勝的因素。也就是說，如果內容甚至足夠快地到達不耐煩的訪問者的眼睛。高質量的圖像和視頻（大像素、大文件）需要更長的時間下載到請求瀏覽器上，而低質量、輕量級的圖形盡管加載時間較短，但幾乎無法吸引用戶的注意力。
然而，圖形密集型內容并不總是推動轉化和銷售的決定性因素。對于必須包含快速加載的產品圖像和描述產品價值的視頻的電子商務網站來說尤其如此，不一定是它們的視覺美感。
兼容性問題還會影響某些瀏覽器和地理位置的多媒體和應用程序性能。以Google Chrome和Shockwave Flash為例。兩人很少相處融洽。同樣，政府限制也可能阻止特定的多媒體內容到達本地訪問者。
具有非功能性多媒體內容的網站需要過多的客戶端-服務器通信周期才能到達請求瀏覽器，最終會降低網站性能。然而，由于政府政策和瀏覽器兼容性可能會隨著時間的推移而發(fā)生變化，而且最常見的是不可預測性，因此由網站所有者來確保所有瀏覽器平臺、設備外形因素和地理位置的簡化可服務性。
精簡內容
快速加載和功能齊全的多媒體內容是電子商務商家保持網站訪問者所必需的。頁面加載時間的每一秒延遲都會導致沮喪的訪問者放棄緩慢的網站，并導致轉化率下降7%，頁面瀏覽量減少11%，客戶滿意度下降16%。
還有更多的代碼 – 注冊表單和分析
注冊表單和分析代碼僅向網站核心文件添加幾行。但是，當過多的單行代碼在網站后端占用空間時，帶有冗長代碼的Web內容資產和插件最終會在較短的處理周期內爭奪微小的內存空間。結果，流行的非線性物理現(xiàn)象開始出現(xiàn)，每個組件的性能都不可預測，通常比預期消耗更多的處理周期。
從最終用戶的角度來看，過多的服務通常是不必要的，或者最多被認為是網站所描繪的實際內容的次要服務。許多網站擁有超過80種資源（圖像、插件、附加組件和其他多媒體內容），并且所有這些內容不一定會根據用戶的喜好傳送到請求瀏覽器。當實際請求到達最終用戶的信息由無關的注冊表單、分析代碼和其他給網站增加不必要的權重的內容所持有時，對開發(fā)富媒體網站的額外投資最終會適得其反。
移動錯誤和誤導性重定向
到2019年，全球智能手機訂閱量預計將超過27億大關，屆時 83% 的互聯(lián)網用戶將通過移動設備訪問互聯(lián)網。2016年30%的電子商務網站流量來自移動設備，隨著智能手機用戶群的爆炸式增長，這一數字繼續(xù)呈指數級增長。
智能手機
由于移動網站加載緩慢和訪問者的耐心程度較低，吸引移動用戶注意力的競爭更加激烈。 60%的移動用戶希望移動網站在3秒內加載。平均而言，如果移動網站的加載時間超過5秒，則四分之三的人會放棄移動網站，而移動網站的平均加載時間甚至更長，需要6-10秒。
移動頁面加載時間的過度延遲主要發(fā)生在網站沒有經過專門優(yōu)化和設計以在移動設備界面上提供高性能時。即使使用專門針對智能手機優(yōu)化的頁面，移動用戶也并不總是被重定向到從移動瀏覽器請求的桌面網站頁面的預期移動版本。
重定向是將尋求一個網站URL的用戶發(fā)送到另一個（據說）包含用戶請求的確切信息的指令。重定向對于搜索桌面版本網站頁面的移動用戶最有效，這些頁面必須很好地映射到等效的移動版本以提供最佳的移動網站體驗。
這樣做不準確會阻止用戶在不需要的網站文件之間切換，直到他們找到正確的網站文件。這會導致加載最終用戶實際尋求的信息時出現(xiàn)不必要的延遲。
這類似于在一個大而擁擠的停車場中找到一個空的停車位，然后到達明顯空曠的空間卻發(fā)現(xiàn)它被一輛從遠處看不到的小型車輛占據。這個過程一直持續(xù)到最終到達一個空閑空間——也就是說，如果司機甚至繼續(xù)尋找空閑空間并且沒有沮喪到完全離開停車場。
錯誤的重定向
當移動網絡流量被簡單地重定向到不相關的桌面網站版本，而不是為移動訪問者提供速度優(yōu)化的移動解決方案時，網站所有者最終會失去在移動領域的競爭優(yōu)勢。
未針對移動設備進行速度優(yōu)化的網站存在妨礙移動用戶體驗的常見問題。錯誤的重定向、無法播放的視頻、臃腫的圖像和圖形、不相關的交叉鏈接和傳遞給移動訪問者的不必要資產等問題會降低網站性能并最終提高跳出率。
只有10%的等待時間是由對瀏覽器請求的 HTML 響應定義的，其余 90% 的延遲是由渲染頁面、解析HTML、執(zhí)行代碼腳本和檢索嵌入資產造成的。使用優(yōu)化工具和腳本調整對網站性能進行大修可以從頁面加載時間中刪除大量數據，但可能不如從頭開發(fā)速度優(yōu)化網站那么有效。后者更像是一種營銷策略，一種商業(yè)決策，以及在避免最常見的錯誤方面的輕微意識，這些錯誤可能會通過破壞網站性能而破壞在線業(yè)務。
第 5 章：網站速度測試——識別性能瓶頸！
網絡流量和搜索引擎排名主要是衡量網站性能的虛榮指標。盡管它們很重要，但與銷售數據和轉化率相比，它們更能說明在線業(yè)務的成功。從長遠來看，具有（幾乎）0% 的跳出率、15% 的轉化率和 10,000 名來自低搜索引擎排名的獨立網站訪問者的電子商務網站遠好于高排名的網站，其擁有 100,000 次獨立訪問，但轉化率僅為 0.01%。
關于轉化率優(yōu)化的爭論可以持續(xù)到百科全書式的長度，在科學怪人的網站上實施業(yè)務最佳實踐可能需要大量投資，并且在產生任何顯著的轉化率改進之前需要跨越數月的耐心執(zhí)行。
說服不耐煩的網絡世界公民購買在線產品和服務，而不是實施被動的商業(yè)戰(zhàn)略來提高市場競爭力。專注于提高網站性能體驗的在線企業(yè)以更高的轉化率和飆升的銷售額的形式獲得了立竿見影的效果。
特別是頁面速度，通過改善網站用戶體驗來保持不耐煩的在線客戶的參與和滿意度，從而填補了在增強市場營銷方面的空白。O’Reilly 最近發(fā)布的一份研究報告總結稱，通過減少頁面加載時間顯著提高了銷售和轉化率，從而改善了網站最終用戶體驗。在 令人咋舌的統(tǒng)計數據 如下：
- +3%每秒轉換，頁面加載時間從15秒縮短到7秒。
- +2%每秒轉換，頁面加載時間從7秒縮短到5秒。
- +1%每秒轉換，頁面加載時間從4秒縮短到2秒。
這些統(tǒng)計數據僅描述了頁面速度如何影響競爭激烈的網絡空間中的業(yè)務成功。雖然看起來很復雜，但從緩慢加載的網站中切出大量頁面加載時間是一個相對容易實現(xiàn)的目標 如果速度優(yōu)化策略在正確的方向上實施——當性能瓶頸未知、過于復雜或過于簡單時，這是一個巨大的 IF種類繁多，難以辨認。
對速度優(yōu)化網站的追求始于識別標準網站性能測試過程中最明顯的關鍵前端問題。Google的首席性能工程師Steve Souders就 此事提出建議，他說：“80-90%的最終用戶響應時間都花在了前端。從這里開始”。
測試什么？
在開始探索頁面速度顛簸之前，了解最具影響力的網站速度性能指標的行為有助于準確識別網站的性能漏洞。
初始頁面速度
如果不對慢速網站進行徹底的改造和速度優(yōu)化，就不可能在啟動瀏覽器請求的幾毫秒內下載大量占用內存的網站內容。在很多情況下，訪問者只是以網頁所描繪的內容或產品信息的形式尋找主要信息。添加大量補充圖形和網站功能，頁面渲染時間變得無法估量。
初始頁面速度
即使整個網站內容（包括龐大的圖形）需要很長時間才能完全呈現(xiàn)，保持初始頁面速度仍然很高，可以使訪問者保持參與。通過跟蹤首字節(jié)時間(TTFB) 等參數或從網站服務器執(zhí)行ping請求來監(jiān)控高初始頁面速度，準確描述初始頁面加載時間和頁面速度統(tǒng)計信息。如果這些花費的時間太長，則需要在后端以服務器端和網站核心優(yōu)化的形式完成工作。
整頁加載時間
監(jiān)控將整個頁面內容呈現(xiàn)到請求瀏覽器上所消耗的時間是最終用戶網站體驗測試的一個組成部分。該信息推動在部署和優(yōu)化硬件基礎設施以最大限度地提高網站性能方面的戰(zhàn)略IT決策。
定期監(jiān)控此性能指標使網站所有者能夠了解網站在規(guī)模和內容類型方面的擴展情況。有了這些信息，網站管理員可以將靜態(tài)內容緩存在不同的位置，例如內容分發(fā)網絡 (CDN)，同時維護專用的后端服務器以有效地分發(fā)動態(tài)加載的內容。
地域表現(xiàn)
經營在線業(yè)務的好處之一是不斷擴大的全球市場影響力。但是，由于限制客戶端-服務器通信的因素，這種影響在全球范圍內并不總是同樣有效——因此也是有效的。政府政策、帶寬和技術限制阻礙了全球佳網站性能，因此應在不同位置進行網站速度和可用性測試，以確定影響全球業(yè)務范圍的全球網站性能結果。
地理網站性能
負載容限
網站性能隨網絡流量的波動而變化。以最高性能處理正常負載的托管服務器可能會在過度負載下失去頁面速度。在網站上進行壓力測試、斜坡測試、負載測試和其他性能測試，可以準確了解網站在性能下降或完全下降之前可以處理的網絡流量。將結果與網站的實際使用模式進行比較，以確定網站是否需要硬件升級以盡可能有效地處理峰值負載。
Web服務器CPU負載
在單個Apache服務器上運行數千個網站的共享托管服務提供商無法提供高性能，即使該網站經過精心設計并具有干凈且速度優(yōu)化的代碼。當服務器計算能力不足無法有效處理網站下載請求時，性能問題會在高峰加載時間加劇。監(jiān)控服務器CPU負載使托管公司和運行本地托管網站的IT人員能夠檢查后端硬件能力，以處理不可預測的網絡流量泛濫。
網站數據庫性能
數據庫性能對于維護從后端數據庫中提取的動態(tài)內容的網站至關重要。應該建立一種機制來檢測數據傳輸中的不準確之處并發(fā)出警報。密切關注本地托管網站的服務器上的可用磁盤空間有助于避免導致鏈接斷開并最終降低網站性能的錯誤和數據丟失。
如何測試
網站所有者可以利用一系列免費和優(yōu)質的網站性能測試服務來分析網頁并生成量身定制的解決方案，以填補阻礙頁面速度的最深性能漏洞。
網站速度測試
由搜索引擎巨頭Google、網站監(jiān)控專家Pingdom和GTMetrix提供支持的頁面速度測試工具免費提供 有關網站性能指標的寶貴見解，并以編程方式生成分數和建議，以教育非極客網站所有者。查看這些深入指南以幫助您入門。
這些工具如何工作
這些工具使用一堆瀏覽器來加載網站并在不同的地理位置復制最終用戶的網站體驗。性能瓶頸在網頁的各個元素之間受到監(jiān)控，包括文件大小、加載時間、響應時間和與網站各個部分（JavaScript、CSS 文件、HTML、圖像等）有關的請求。
這些工具根據在網頁性能和用戶優(yōu)先級的上下文中開發(fā)的一組規(guī)則生成性能分數。這些原則包括資源緩存、客戶端-服務器往返時間、數據下載和上傳大小，以及在頁面速度方面影響最終用戶網站體驗的一系列規(guī)則。
建議是在預期應通過實施適當的性能優(yōu)化規(guī)則實現(xiàn)的頁面速度改進中生成的。例如，如果提供未壓縮的大圖像文件，監(jiān)控工具會建議實施各種措施來壓縮大文件。由于人為錯誤或無知，這些問題否則會被忽視，這兩者都無法完全消除。同時，頁面速度監(jiān)控工具至少可以讓網站所有者識別問題并采取適當措施消除隱藏的網站性能瓶頸。
測試教程
以下測試是使用免費的Pingdom網站速度測試工具進行的。訪問Pingdom并根據提供的選項選擇不同的地理位置進行測試，并比較最終結果。輸入您的網站并點擊立即測試按鈕。
Pingdom
然后它將返回您網站的摘要，包括性能等級、總加載時間、總頁面大小以及您在網站上的請求數量。
Pingdom摘要
Pingdom 速度測試工具的性能洞察部分非常有幫助。這些都是基于Google PageSpeed Insight規(guī)則。一般來說，如果您在網站上改進這些，您應該會看到整體加載時間減少。
Pingdom性能洞察
該工具以瀑布圖的形式列出所有下載的文件，按照加載順序、加載時間、大小、類型或URL對其進行排序。
Pingdom瀑布請求
通過根據工具中提供的關鍵圖表讀取結果來分析每個文件下載的性能：
分享名稱：WordPress網站速度優(yōu)化初學者指南
轉載來于：http://www.5511xx.com/article/cddhegi.html
