網頁圖像優化

Question

我有一個網站。我試圖根據我從Google's Website Speed Test收到的反饋來優化我的網站。在我的成績，我有兩件事情我應該修正：

• 槓桿瀏覽器緩存
• 優化圖像

在這個時候，我最困惑的第二個選項。我的網站只有一個圖像（我知道），我覺得它的優化。有沒有一種方法，我可以看到谷歌的測試認爲是什麼圖像不是優化？我只是想知道第三方庫中是否有一些未優化的圖像。我想不出什麼。出於這個原因，我真的想弄清楚如何具體查看哪些圖像未被優化。

Answer 1

嘗試優化圖片時最好的做法是使用Google的PageSpeed Insights。他們爲您提供下載頁面優化圖像，JavaScript和CSS資源的選項。

這會自動將所有需要優化的圖像下載到Google的優化級別。

下例：

在問候你的槓桿瀏覽器緩存，你需要在你的.htaccess文件中使用的是：

## EXPIRES CACHING ## 
<IfModule mod_expires.c> 
ExpiresActive On 

## IMAGES ## 
ExpiresByType image/jpg "access plus 1 year" 
ExpiresByType image/jpeg "access plus 1 year" 
ExpiresByType image/gif "access plus 1 year" 
ExpiresByType image/png "access plus 1 year" 
ExpiresByType image/x-icon "access plus 1 year" 

## CSS ## 
ExpiresByType text/css "access plus 1 month" 

## HTML ## 
ExpiresByType text/html "access plus 1 month" 

## JAVASCRIPT ## 
ExpiresByType text/javascript "access plus 1 month" 
ExpiresByType text/x-javascript "access plus 1 month" 

ExpiresByType application/javascript "access plus 1 month" 
ExpiresByType application/json "access plus 1 month" 

ExpiresByType application/x-javascript "access plus 1 month" 
ExpiresByType application/x-shockwave-flash "access plus 1 month" 
ExpiresByType application/pdf "access plus 1 month" 

ExpiresDefault "access plus 1 month" 

</ifModule> 

和外部JavaScript文件，看到我對這個問題的回答：Leverage browser caching for 3rd party JS。