1. 首頁
  2. 問答
  3. 圖形分辨率能否讓網頁變慢？

圖形分辨率能否讓網頁變慢？

2012-05-10 65 views
2

我剛剛在幾天前推出了我的網站......它最近一直非常緩慢。它可能是圖形？鏈接如下：http://britobmarketing.com onMouseOver效果發生時間太長。背景也需要一段時間才能加載。這一切都很慢...有人知道爲什麼會發生這種情況嗎？圖形分辨率能否讓網頁變慢？

非常感謝！

-Brito。

來源

2012-05-10 Brito

回答

5

當然，你有2張圖片超過1.5meg每個！這對網絡來說是巨大的。

您必須縮小尺寸爲plainbgndwall.jpg和bgndwall.jpg以下每個至少250kb。

來源

2012-05-10 00:14:24

+0

好吧，我會盡力的！非常感謝你！ – Brito

3

是的，圖像就像任何其他計算機資源。它們佔用內存，並佔用CPU處理週期來渲染它們。資源越大，內存使用量越大，渲染所需的CPU週期也越多。

我建議你製作低質量，壓縮版本的圖像。一些成像工具，如Adobe Fireworks（沒有廣告，它只是我使用的一種）可以選擇壓縮圖像而不會明顯降低細節。您還可以減少或刪除未使用的顏色。

此外，它不是所有緩慢影響的主要原因。 DOM操作和錯誤代碼也會影響性能。

來源

2012-05-10 00:11:18 Joseph

1

那些圖片是巨大。要求你的用戶在頁面加載下載4 + MB，然後動畫製作真的會減慢任何網站的速度。減少圖像的大小，你會看到提高的性能。

我總是試圖讓我的圖像接近或低於100KB，以加快頁面加載速度。如果我有超過500KB的圖像要顯示，我會推遲在用戶導航時加載它們。

來源

2012-05-10 00:14:29

-1

瀏覽器只加載鼠標懸停圖像首先需要的時候。一旦瀏覽器緩存了它們，交換動畫看起來要快得多。您可以強制圖像立即加載，例如把它們放到隱藏的<img>標籤中。

這就是說，需要如此多的大圖像這樣一個小的美容效果是有點不好。連接速度慢的用戶可能會遇到不好的用戶體驗。

來源

2012-05-10 00:18:20 mpartel

+0

對不起，但隱藏的圖像標籤是不是建議。如果你想預加載，你應該把它放在JavaScript內存中。 –

+0

好吧，預裝圖像的想法正是我需要的。不幸的是，我真的很新的Java腳本。 @Travis J你能否提供更多關於如何做到這一點的細節？謝謝！！ – Brito

+1

@Brito - http://stackoverflow.com/q/6693623/1026459。幾乎你會有一個源數組的字符串。然後，您將製作一個'新的Image（）'，然後'imgArr [index] .src =關聯源字符串數組''。當你想要圖像時，你只需從圖像數組中獲取圖像。 'document.getElementById（「myImageTag」）。src = imgArr [imageIndex] .src;'。這將允許將圖像存儲在imgArr中一次，然後在任何時候立即訪問。 –

3

我已經在基於網頁的負載測試中檢查了您的頁面瀏覽時間，並且大約需要11秒來加載頁面，而不是一次很棒的體驗。下面是結果：

enter image description here

在上面的畫面中可以看到的最花費的時間是圖像，這樣你們可以瞭解其中u需要工作。您還可以通過自己在鏈接運行類似的測試低於輸入您的網址，你會學到很多正在發生的事情，而你的頁面加載：

http://www.uptrends.com/aspx/free-html-site-page-load-check-tool.aspx

來源

2012-05-10 00:34:58 AvkashChauhan

+0

漂亮的工具！非常感謝你！ – Brito

+0

@Brito感謝您的信息。如果您認爲信息有價值，請您「註冊」它？謝謝。 – AvkashChauhan

+0

謝謝。欣賞它。 – AvkashChauhan

相關問題

 相關問題