Выполняем рекомендации Гугла для друпала

Сервис гугла по анализу сайта для мобильных и десктопных устройств developers.google.com/speed выдает много рекомендаций.

Некоторые сложно выполнить. Некоторые просто.

После каждой процедуры обязательно чистить кеш и запускать крон.

Решил часть из них выполнить и посмотреть что измениться.

1. Вставил мета тег <meta name=viewport content="width=device-width, initial-scale=1"> прямо в блок с php кодом

Единичку мне прибавили в оценке мобильного содержимого.

2. Включил в настройках - производительность

- Кеш для анонимного пользователя.

- Все три галочки по сжатию.

Эффект несколько баллов для стационарных компов.

3. Добавил сжатие на уровне хостинга.

В файл .htaccess добавил строчку

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript

Получил пару баллов для дескопной версии.

4. Убрал блок с флеш банером на который сервис проверки ругался.

5. Включаем кеширование браузера добавив нижеследующий код в .htaccess

#Внимание! Может вызвать ошибку 500 при открытии сайта. Значит хостинг не поддерживает данный формат.

# кеширование в браузере на стороне пользователя
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/html "access plus 7 day"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"
</IfModule>
# Cache-Control
<ifModule mod_headers.c>
# 30 дней
<filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 30 дней
<filesMatch "\.(css|js)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 2 дня
<filesMatch "\.(xml|txt)$">
Header set Cache-Control "max-age=172800, public, must-revalidate"
</filesMatch>
# 1 день
<filesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>
# использование кеша браузеров
FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 year"
</filesmatch>
</ifmodule>
#Запрет отдачи HTTP-заголовков Vary браузерам семейства MSIE
<IfModule mod_setenvif.c>
BrowserMatch "MSIE" force-no-vary
BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>

Заработал очередной балл от гуглосервиса.

6. Сжатие всех изображений.

Для этого скачал себе на комп папку с картинками и ImageCompression оптом сжал. Старые заменил.

Правда и сжимать особо не пришлось - и так нормальные были.

 

С остальными пунктими позже. Эти дескотпную оценку подняли с 60 до 82. С мобильной будет сложно. Там прирост есть, но всего 2-3 балла.

 

Помог материал - поддержите сайт рассказав у себя на страничке соцсети (кнопки слева наверху).

Задавайте вопросы!

 

Вернуться на главную

 

Добавить комментарий


Поддержите развитие сайта рассказав о нем