YSLOW性能測試前端調優23大規則(17)避免404錯誤

當您單擊連結，但浏覽器并不能向伺服器擷取所需要的站點資訊時，而是彈出一個錯誤，訓示所請求的頁面不可用。那麼伺服器将傳回類似于404的錯誤碼。還有一類不指向任何連結的我們稱之為“死連結”或“斷連結”。

通常關于404的錯誤顯示在頁面上的可能有以下幾種：

Ø 404 Error

Ø 404 Not Found

Ø Error 404

Ø The requested URL [URL] was not found on this server

Ø HTTP 404

Ø Error 404 Not Found

Ø 404 File or Directory Not Found

Ø HTTP 404 Not Found

Ø 404 Page Not Found

提示404錯誤典型的原因是因為内容已被删除或移動到另外一個URL位址，通常有以下原因可能導緻出現404錯誤。

1. 删除或移動 URL或其内容（如檔案或圖像）。
2. URL被寫入錯誤（在建立過程中或重新設計），連接配接不正确，或輸入到浏覽器中不正确。
3. 網站的伺服器未運作或連接配接已中斷。
4. DNS伺服器轉換為IP。
5. 輸入的域名不存在。

對于網站營運商來說，一定要想辦法阻止HTTP 404頁面，不管是内部的404頁面還是外面的404頁面。目前市場上也有一些免費的工具可以幫助我們去找到這些斷開的連結，常見的有以下三種工具：

1. Google Search Console（以前稱為“Google網站管理者工具”）：如果您已經擁有Google帳戶并在那裡注冊了您的網站，則可以使用Google Search Console選項，Google 捉取工具發現的任何404錯誤都會顯示在網絡工具中，也可以在此處标記為已更正。
2. Dead Link Checker：該工具是用于查找内部和外部連結404頁面的最簡單、最快速的工具。使用此Web應用程式，您隻需輸入要檢查的站點的URL，然後開始檢查。您可以選擇檢查單個網頁或整個網站。該應用程式列出了所有跟蹤的錯誤頁面，其中包含狀态代碼和URL。
3. W3C Link Checker：網際網路聯盟（W3C）的這個線上工具在測試單個網站頁面時特别詳細，是以驗證連結所需的時間比其他網站要長。在W3C連結檢查工作就像Dead Link Checker，隻要您輸入的URL，就可以檢查出所有404的頁面，還可以添加更多詳細資訊。

如果系統出現404錯誤時，對前端性能主要有以下幾個方面的影響：

1. 浪費HTTP請求，如果出現404就說明這個HTTP請求是無效的，這樣就白白的浪費了HTTP請求，建立一個頁面所花費的響應時間有80%是在HTTP請求中，還有20%是内容的加載。
2. 阻止并行下載下傳，關于并行下載下傳前面其實有介紹，并行下載下傳的目的是加快HTTP請求的送出，但如果當外部JavaScript引用的連結出現錯誤時，那麼糟糕的事情就是會發現，這些404的頁面錯誤會導緻的後面的元件不能并行下載下傳。
3. 浏覽器可能嘗試解析404響應正文，當出現404錯誤時，浏覽可能會去嘗試解析404的響應正文，以試圖去找到我們需要的内容，就像JavaScript代碼一樣，試圖找到可用的東西。

出現404錯誤正常都是我們不希望看到的，如果真的出現404頁面錯誤，也并不代表一定不可以獲得所需要的資訊，有時候可能也很簡單的可以擷取所需要的資訊，通常如果出現404錯誤時可以從以下幾個方面進行修複。

1. 重新加載頁面

有時候出現404錯誤也可能是因為頁面沒有正确的加載，此時可以通過單擊浏覽器中的“重新整理”按鈕或按“F5”按鈕來重新加載頁面。

1. 檢查URL

無論您是手動輸入URL位址還是通過連結定向，都可能是錯誤。是以，您應該檢查網站的指定路徑是否存在輸入錯誤的可能性。除了拼寫錯誤之外，還可能是正斜杠被遺漏或錯位。但這隻能是對于一些比較“幹淨”的URL進行檢查，因為URL位址中還可能包含不可讀的單詞而不是難以了解的縮寫、字母、數字和符号。

1. 傳回目錄級别

例如，如果以下結構http://example.com/Directory1/Directory2/Directory3的URL 導緻404錯誤頁面，則可以依次傳回到上一級目錄來錯誤請求的内容在哪個連結中，如果依次傳回到上一級目錄，可以成功的找到那麼就可以給出一個相應的提示。

1. 使用網站的搜尋功能

許多網站提供搜尋功能作為其首頁的一部分。通過輸入一個或多個關鍵字，它可以幫助您找到您要查找的特定頁面。

1. 使用搜尋引擎

還可以使用搜尋引擎來查找相關的網站，可以通過輸入相關網站域名或相關關鍵字來查找目标網站。

1. 删除浏覽器緩存和cookie

如果您可以從其他裝置通路該網站，并且HTTP 404錯誤似乎隻出現在某台計算機上，則問題可能在于您的浏覽器。是以，您應該删除浏覽器緩存以及此站點的所有cookie，這樣最終可以允許您通路該頁面。

1. 聯系網站

如果上述提示均未成功，則唯一剩下的選項可能是與負責網站的人員聯系。聯系資訊通常可以在網站的标頭中找到，也可以在特定的“聯系我們”頁面上找到。網站的營運商應該能夠提供有關您要查找的頁面是否确實存在的資訊。如果有問題折頁面已被移動新的URL位址下，那麼營運商可能通過重定向的方式來對404錯誤進行修複。