網站優化 - 添加圖像dimentions

Question

我優化，根據谷歌的網站優化標準，我的網站：

http://code.google.com/speed/page-sp...mageDimensions

對於那些誰是熟悉它，我用螢火蟲 - >「網頁速度」工具來分析我的網站的「薄弱」領域。

關於上面的鏈接，圖片尺寸，問題是 - 我的網站上有很多動態圖片，通過CMS上傳，因此在高度/寬度上有所不同。因此，指定圖像尺寸有多重要？如果一頁有來自CMS的5-10幅圖像，下面哪個選項更好：

a）不指定圖像尺寸
b）使用PHP的getimagesize函數動態獲取圖像維度，並將其放入IMG標記作爲「寬度」和「高度」c）更新我們的數據庫以存儲每個圖像的寬度/高度（我已經查詢了數據庫中圖像表中的其他信息，例如「 alt「屬性），然後訪問前端IMG標籤的那些列？

我認爲，「C」是最好的選擇，但我想聽到的話，任何人有任何建議或統計上哪種選擇更好。顯然「c」意味着我們需要從數據庫中查詢更多的數據。

我們還使用一個單獨的數據庫服務器，並利用瀏覽器緩存。 （http://code.google.com/speed/page-speed/docs/caching.html）

感謝

Answer 1

Ç

1. 設置圖像大小會給你 更好的頁面加載行爲。

   如果不設置大小一些 部分頁面將調整而 加載頁面，而這僅僅是 難看。

2. 如果您已經查詢數據庫 的替代文字，我懷疑你會 通知，如果 任何性能問題，您加載兩列。

Answer 2

我實際上在大頁面上嘗試過選項B作爲測試，發現它造成了巨大的性能問題。我要說的是，你最好使用選項C.運行更新您的CMS與添加的每個圖像添加這些方面，也許在一個安靜的時間運行一個cron來更新現有的所有圖像，而無需尺寸