Сервис гугла по анализу сайта для мобильных и десктопных устройств 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 балла.
Помог материал - поставьте лайк, оставьте комментарий. Это поможет и другим пользователям интернета найти решение аналогичной проблемы.
Если темы интересны - подиписывайтесь на канал!
✅ Подписаться на этот канал
Рекомендую свои статьи:
- Открыть docx xlsx в офисе 2003.
- Виндовс 10 не подключает сеть Wi-fi
- Что можно удалить из папки Windows
- Горячие клавиши Windows Win+
- Тормозит компьютер с HDD диском - решаем проблему в 99% случаев
- Легко и быстро очищаем системный диск С.
- В браузере смотрим пароли и удаляем вирусы, которые майнят на вашем ПК.
