Веб-страница Оптимизация изображения

Question

У меня есть веб-сайт. Я пытаюсь оптимизировать свой сайт на основе обратной связи, полученной от Google's Website Speed Test. В моих баллов, у меня есть две вещи, я должен исправить:

• Рычаги браузера кэширования
• Оптимизация изображений

В это время я больше всего смущен о втором варианте. У моего сайта только одно изображение (что я знаю), и я чувствую, что он оптимизирован. Есть ли способ увидеть, какие изображения, которые тестирует Google, не оптимизирован? Мне просто интересно, есть ли какие-то изображения в сторонней библиотеке, которые не оптимизированы. Хотя я не могу придумать. По этой причине я действительно пытаюсь понять, как я могу конкретно определить, какие изображения не оптимизированы.

Answer 1

Лучшее, что нужно делать при оптимизации изображений, - использовать статистику страниц PageSpeed. Они предлагают вам возможность загрузить оптимизированные изображения, JavaScript и ресурсы CSS для этой страницы.

Это автоматически загрузит все изображения, которые нуждаются в оптимизации уровня оптимизации Google.

Пример Ниже:

В отношении вашего Leverage Browser Caching, все, что вам нужно использовать в файле .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.