2011-09-02 94 views
1

是否有可能提高網站背景圖片的加載速度。我的網站的背景圖片大小是1258X441,內存大小是656KB。在訪問我的網站時花費太長時間來加載完整的背景圖片。無論如何,壓縮(因爲圖像已被壓縮),以提高其加載速度。更快加載網站圖片

+0

壓縮它更多! JPG應該很容易得到它下降到下100KB – Hannesh

+0

@Hannesh - 我使用PNG :-( – Mal

+0

不要使用PNG除非你需要透明度,這是背景ureasonable使用我的第二點,如果你能做到這一點 –

回答

3

選擇:(2是我的主要解決方案,以及3)

  1. 壓縮圖像甚至更多,因爲圖像是背景,它不管那麼多了。用戶不像在內容上那樣關注背景。
  2. 由於背景部分被內容覆蓋,因此您可以繪製黑色(或任何其他純色)背景中不可見的部分(位於內容後面)。這將使圖像壓縮得更加美觀,可以打印出一些地方。在JPG progresive壓縮
  3. 保存圖像。隨着圖像加載,這將使背景顯示質量逐漸提高。
  4. 擺脫背景圖像。 (顯而易見):)
  5. 今天的網絡速度很大,不會改變任何東西。

ALSO:如果你的PNG圖像有任何重複的部分,然後你可以切片圖像分爲三個部分,並騰出很大的空間。

+0

對於第二點:只有「內容」不是文本。 –

1

加載背景圖像的速度由您的連接(等待時間忽略不計)帶寬和圖像的大小來確定。因此,如果您有128 KB /秒的大小和4096 KB的圖像,您至少需要

4096/128 = 32s 

加載。

既然你不能改變的帶寬,你能做的唯一的事情就是改變圖片的大小。也就是說,如果你無法壓縮更多,請降低分辨率。

如果你不想失去精度,你可以把背景的不同層在您的網站不同的氣質,更好的比壞的。然後,當你的頁面加載時,低質量的圖像加載速度快,你會得到一些背景。隨着時間的推移,更高質量的圖像加載和背景改善。

+0

不正確如果你使用多個背景,他們中的很多人可能會同時開始加載,情況惡化(更多的部分加載的圖像),正確的選擇是** JPG漸進**壓縮效果 –

+0

@Rok Kralj我不是那麼專業,它只是一個想法,但是,添加一個1/4大小的圖像,意味着加載更小的圖像快兩倍(因爲兩個圖像加載在我的意思是,如果你的尺寸合適,你可以得到我描述的效果,即使整個加載時間可能會有更好的外觀增加。 – Shahbaz

+0

另外,JPG漸進式的提及很多。這就像我想要模擬的,但已經在那裏了! – Shahbaz

-2

裝入圖像數據庫,並呼籲他們,當過你的要求。這樣做的好處是?數據庫一旦啓動就加載,並且可以在需要時檢索信息。它與任何其他技術相比是快速的