2010-05-15 104 views
1

有我可以加快圖像加載 - 特別當我第一次打開網站它需要一些時間的圖像加載... 有什麼我可以做,以改善此(html,css )?網站優化

link

感謝所有爲你解答。

回答

0

在客戶端上,可以進行多部分下載;例如在Firefox中,有一些network.http.pipelining下的設置可以幫助加速下載。

在服務器上,你幾乎沒有辦法做(儘管你可以gzip基於文本的文件)。客戶端必須知道如何緩存。

1

作物大小http://www.ursic-ei.si/datoteke/d4.jpg!它的寬度爲900像素,大部分(半?)是空白的。使圖像變小,然後使用background-positionbackgroud-color來補償您修剪掉邊緣的任何東西。

你的HTML源代碼中有很多額外的換行符。不是很重要,但理論上 - 因爲在HTML中,新行和兩行之間沒有實際區別 - 您可能需要刪除一些行。

+1

查看Google的Firebug的Page Speed插件和相關建議,這些建議更詳細地介紹了理查德提出的建議(圖像優化,最小化有效載荷大小)http://code.google.com/speed/page-speed /index.html – 2010-05-15 14:23:34

1

對於圖像,您應該考慮內容交付網絡(CDN),它將緩存您的圖像和其他文件,並以比您的網絡服務器更快的速度服務它們。

這是任何高流量網站的必備條件。

+0

你可以發佈一些鏈接到他們這樣做的網站嗎?或者可能是谷歌搜索的鏈接 – MB1 2010-05-15 13:45:55

+0

維基百科的一個很好的起點:http://en.wikipedia.org/wiki/Content_delivery_network – Keltex 2010-05-15 13:51:36

0

因爲在你的問題中,你只問圖像,我想你已經知道,PHP處理和/或JavaScript的成本很小。如果你想加快圖像的速度,你可以減小它們的大小,提高壓縮率......也可以嘗試不同的格式。 JPG並不總是最好的。

嘗試使用GIF和/或PNG,同樣可以減少這些顏色的數量。通常這種格式比JPG格式更好,當你有簡單的圖片和很少的顏色。

還要考慮如果你的一些圖像是一個簡單的模式,可以重複/重複多次。例如,如果您有帶橫幅的背景圖片,則只需一行,然後重複播放幾次。