网页图像优化

Question

我有一个网站。我正在尝试根据我从Google's Website Speed Test收到的反馈来优化我的网站。在我的分数中，我有两件事我应该修复：

• 利用浏览器缓存
• 优化图片

此时，我对第二个选项感到困惑。我的网站只有一个图像（我知道），我觉得它是优化的。有没有办法可以看到Google的测试认为不优化的图像？我只是想知道第三方库中是否有一些未经优化的图像。我想不出什么。出于这个原因，我真的想弄清楚如何具体看到哪些图像未被优化。

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。