網站速度測試擊中0/100在「網頁速度洞察」

我的網站網址：http://gettycreations.com/網站速度測試擊中0/100在「網頁速度洞察」

我的網站是講了這麼多的時間來加載，因爲有在主頁上300多個圖像。我檢查了它「https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fgettycreations.com%2F&tab=desktop」。

我試圖把代碼放在這裏，但我得到了這個「身體被限制爲30000個字符，你輸入了150616。」錯誤。身體不允許放置超過30000個字符。

我該如何解決這個問題。

謝謝

來源

2015-09-21 Learner

你想解決什麼？如何在這裏放置代碼？如何更快地加載網站？無論如何，你是否真的說在你的主頁上同時加載了300多幅圖像？我應該建議你從頭開始重新思考該頁面，並考慮僅在需要時加載圖像。用戶不會同時看到全部300張圖像嗎？ –

你的意思是當頁面加載時我應該加載最小圖像？ – Learner

您應該只加載啓動所需的圖像並繼續加載特定事件：例如在頁面滾動，按鈕點擊等等。 –

嘗試一旦加載頁面加載與圖像的JQuery。例如：

$(document).ready(function(){ 
    // Load your images here 
    $('.content').append("<img class='inline' src='/Images/img.png' />"); 
});

當您向下滾動頁面時，也可以使用大量工具加載內容。

來源

2015-09-21 13:16:06

你會如此善良地與我們分享一些代碼，詳細說明你的想法（實際上這是唯一可行的） –

有一個小例子。假設你有一個

。現在，您可以在頁面加載後將圖像附加到該div上。 –

非常感謝您給出一個想法........ – Learner

我注意到看你的代碼的一件事是，你加載所有的圖片，包括只有當用戶點擊放大鏡時纔會顯示的圖片。例如，您正在加載3d-22t.jpg（12.9 KB）圖像，這是一個正確尺寸的圖像，但您也加載了3d-22.jpg，這是584 KB圖像，直到您點擊放大鏡纔會使用它。我會推薦的是像現在這樣加載小圖像，但不加載大圖像，並且只在用戶單擊副圖時加載全尺寸圖像。使用ajax來加載這些圖像。

我也注意到你的圖像沒有被緩存，所以每次打開你的頁面時，所有圖像都會從你的web服務器而不是本地緩存中去。您可以使用A Last-Modified和Expires標題。

這將大大提高您的網頁加載速度。

欲瞭解更多信息，請閱讀：Image Optimization，How To Optimize Your Site With HTTP Caching

來源

2015-09-21 14:04:15

網站速度測試擊中0/100在「網頁速度洞察」

回答

相關問題