問題描述

部署在ECS實例上的網站使用Chrome瀏覽器訪問時加載過慢。

問題原因

網站中存在部分腳本或資源（例如網站調用的文件、網站需要使用的網絡資源）請求過慢或加載失敗。

解決方案

您可以先通過阿里云ECS控制臺的實例監控頁面，查看該網站所在ECS實例的各項監控指標，具體操作，請參見查看實例監控信息。如果ECS實例的各項監控指標正常，則您可以通過Chrome瀏覽器中的開發者工具來查找導致網站加載速度過慢的網頁資源，然后針對該資源的詳細網絡請求信息針對性處理。

步驟一：使用Chrome瀏覽器中的開發者工具查找加載時間較長的資源

1. 打開Chrome瀏覽器并訪問該網站。

2. 打開Chrome瀏覽器的開發者工具。

   • 方式一：

     您可以直接在您的鍵盤上按F12鍵。

   • 方式二：

     1. 在Chrome瀏覽器右上角，單擊圖標。

     2. 選擇更多工具 > 開發者工具。

   • 方式三：

     單擊鼠標右鍵，然后單擊檢查。

3. 在開發者工具中，單擊Network頁簽。

4. 按Ctrl + F5鍵，強制刷新網頁，然后查看網頁資源的加載情況。

   您可以在資源列表中根據Time參數值，找到加載時間較長的網頁資源，即Time參數值較大的資源。

   重要

   建議先按Ctrl鍵不放，再按F5鍵。

   

5. 獲取該資源的網絡請求信息。

   1. 鼠標右鍵單擊Name列中的目標資源，然后選擇Copy > Cpoy link address。

   2. 復制并查看該資源的請求URL。

      在Headers頁簽下，您可以查看Request URL、Status Code等詳細的網絡請求信息，然后對這些信息進行分析。

      

步驟二：根據目標資源信息處理問題

根據目標資源Headers頁簽下的Request URL、Status Code等網絡請求信息進行分析，本文主要介紹如下幾種情況對應的解決方案：

情況一：加載請求時長過大的URL是外部網站URL

如果加載請求時長過大的URL是外部網站URL，您需要檢查該外部網站URL地址訪問是否正常、網站Web程序中的調用地址是否正確，然后通過優化程序調用來解決該問題。

情況二：加載請求時長過大的URL是一些較大的文件

如果加載請求時長過大的URL是一些較大的圖片、視頻、壓縮包等文件，建議您進行如下操作：

• 升級網站帶寬，具體操作，請參見配置公網帶寬最佳實踐。

• 優化下載路徑或使用其他下載路徑，例如使用阿里云對象存儲OSS（Object Storage Service），具體操作，請參見網站與移動應用使用OSS。

情況三：網站本身調用的動態腳本加載時間過長

如果是網站本身調用的動態腳本加載時間過長，您需要結合服務器的weblog日志進行分析、檢查請求調用過程中消耗的具體資源所在環境，例如，數據庫查詢的時間過長，您需要檢查數據庫服務器的性能情況。同時，您還需要特別關注Timing頁簽下，Waiting for server response參數時間較長的資源。

查看服務器的weblog日志并進行分析的具體操作，請參見Nginx網站訪問卡慢排查或Apache網站訪問卡慢排查。