2017-10-12 114 views
0

我的網站加載時間過長。我如何找到減少頁面加載時間的方法。網站加載時間過長

http://beta.east-west.world/data 

我的本地機器上的加載時間足夠快,沒有延遲。但是,一旦網頁在服務器上發佈,它將花費太多時間。

至於建議

  1. 你需要檢查你的圖像尺寸(如果你的頁面中包含圖片)。你可以做的一件事就是確保你設計的圖像尺寸與你想要在網頁上顯示的尺寸相同。縮小一個巨大的圖像來匹配一個小的div並不是一個好主意。

    我:沒有使用圖像。

  2. 你的腳本文件放在哪裏?你在同一頁上有你的JavaScript嗎?如果是這樣,然後創建一個單獨的JavaScript文件,移動你的JavaScript代碼並在那裏引用該文件在你的HTML頁面。

    我:Javascript是在單獨的文件,並在頁面上引用。

  3. 將您的javascript文件引用放置在您的html也提升網頁加載後。

    我:大部分js文件都放在html的底部。

  4. 您是否有CDN文件,即從外部鏈接加載的JavaScript文件?如果是的話,你應該認識到這些文件不會像本地文件那樣加載。

  5. 如果您的數據庫託管在外部服務器上,並且正在從您的數據庫獲取的網頁上顯示數據,那麼如果您的數據庫服務器容量不足以滿足您的請求,那麼也可能會導致一些延遲。

    我:頁面上的所有數據都在使用json文件。

+0

嘗試使用chrome檢查器的網絡選項卡。你可以看到加載你的網站資源需要多少時間。 –

+1

嘗試使用[YSlow](http://yslow.org/) – Icemanind

+0

@Icemanind謝謝我剛剛檢查了這個插件的頁面,將嘗試解決它,從而提高我的網頁性能。 –

回答

0

有幾個原因導致網頁的加載延遲。

  1. 您需要檢查您的圖片尺寸(如果您的網頁包含圖片)。你可以做的一件事就是確保你設計的圖像尺寸與你想要在網頁上顯示的尺寸相同。縮小一個巨大的圖像來匹配一個小的div並不是一個好主意。

  2. 你的腳本文件放在哪裏?你在同一頁上有你的JavaScript嗎?如果是這樣,然後創建一個單獨的JavaScript文件,移動你的JavaScript代碼並在那裏引用該文件在你的HTML頁面。

  3. 將您的javascript文件引用放置在您的html也提升網頁加載後。

  4. 您是否有CDN文件,即從外部鏈接加載的JavaScript文件?如果是的話,你應該認識到這些文件不會像本地文件那樣加載。

  5. 如果您的數據庫託管在外部服務器上,並且正在從您的數據庫獲取的網頁上顯示數據,那麼如果您的數據庫服務器容量不足以滿足您的請求,那麼也可能會導致一些延遲。

+0

這主要發生在微軟的邊緣瀏覽器上。 –