Используйте кеш браузера Для версии 2.x

#1 1 декабря 2016 в 11:34
Всем привет, столкнулся с такой проблемой при проверке сайта через сервис developers.google.com/speed/pagespeed


Используйте кеш браузера
Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.
Используйте кеш браузера для следующих ресурсов:
XXXX.ru/templates/ваша_тема/css/bootstrap.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/component.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/media.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/owl.carousel.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/style.css (не указан срок действия)
XXXX.ru/…templates/ваша_тема/css/theme-content.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/theme-gui.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/theme-layout.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/theme-modal.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/css/theme-text.css (не указан срок действия)
XXXX.ru/…templates/ваша_тема/css/theme-widgets.css (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-b1.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-b2.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-b3.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-b4.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-b5.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-b6.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-bll.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-blr.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-brands.jpg (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-img.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-logo.jpg (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-lt.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-rt.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/as-scheme.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/cards.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/images/shadow.png (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/bootstrap.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/core.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/jquery-modal.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/jquery.dlmenu.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/jquery.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/messages.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/modal.js (не указан срок действия)
XXXX.ru/…emplates/ваша_тема/js/modernizr.custom.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/owl.carousel.js (не указан срок действия)
XXXX.ru/templates/ваша_тема/js/template.js (не указан срок действия)
XXXX.ru/templates/default/css/nivo-slider.css (не указан срок действия)
XXXX.ru/…ss/nivoslider-themes/default/default.css (не указан срок действия)
XXXX.ru/…ss/nivoslider-themes/default/loading.gif (не указан срок действия)
XXXX.ru/…mplates/default/js/jquery.nivo.slider.js (не указан срок действия)
XXXX.ru/upload/000/u5/001/ebf67a5d.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/004/577f7f7f.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/04f4fafd.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/436ef66e.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/438fe9d5.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/7451818f.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/a59f187d.jpeg (не указан срок действия)
XXXX.ru/upload/000/u5/005/ab046723.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/d96a581d.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/e8cd39e8.jpg (не указан срок действия)
XXXX.ru/upload/000/u5/005/f934a1d7.jpg (не указан срок действия)
Подскажите кто нибудь исправлял такое на второй ветки
#2 1 декабря 2016 в 11:59
Google: настройка кэширования apache
Google: настройка кэширования nginx

От движка и CMS это не зависит.
#3 1 декабря 2016 в 13:28
в htaccess
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
первая строка типы файлов
вторая строка время в секундах.

Но на самом деле, по моему, это годится для сайтов со статичным содержимым и дизайном.
Я ставил недавно по той же причине, снял через сутки.
Я постоянно вношу какие то мелкие правки в дизайн, улучшаю, дорабатываю какие то моменты и я хочу что бы пользователи видели эти изменения.
Кроме того, у меня после включения кэширования перекосились некоторые модули.


Кстати, он постоянно придирается к тому, что в <head> сайта js скрипты блокируют загрузку верхней части сайта

Количество блокирующих скриптов на странице: 6. Количество блокирующих ресурсов CSS на странице: 4. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.

Удалите код JavaScript, препятствующий отображению:
/includes/jquery/jquery.js
/core/js/common.js
/components/registration/js/check.js
/components/video/js/common.js
/…ludes/jquery/colorbox/jquery.colorbox.js
/…ncludes/jquery/colorbox/init_colorbox.js

Что то я думал как переместить это ниже, по-моему никак. Есть варианты?
#4 1 декабря 2016 в 13:35

Google: настройка кэширования apache
Google: настройка кэширования nginx

От движка и CMS это не зависит.

Fuze
Спасибо!!! Нашёл настроил

в htaccess
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
первая строка типы файлов
вторая строка время в секундах.Кстати, он постоянно придирается к тому, что в <head> сайта js скрипты блокируют загрузку верхней части сайта

Количество блокирующих скриптов на странице: 6. Количество блокирующих ресурсов CSS на странице: 4. Они замедляют отображение контента.

Нил™

Спасибо!) Я воспользовался этим вариантом

  1. <IfModule mod_expires.c>
  2. <FilesMatch \.(gif|png|jpg|jpeg|ogg|mp4|mkv|flv|swf|wmv|asf|asx|wma|wax|wmx|wm|woff)$>
  3. ExpiresDefault "access plus 1 year"
  4. </FilesMatch>
  5. ExpiresActive on
  6. ExpiresByType image/jpeg "access plus 7 day"
  7. ExpiresByType image/gif "access plus 7 day"
  8. ExpiresByType image/png "access plus 7 day"
  9. <FilesMatch \.(css|js)$>
  10. ExpiresDefault "access plus 1 year"
  11. </FilesMatch>
  12. ExpiresByType text/css "access plus 1 year"
  13. ExpiresByType application/javascript "access plus 1 year"
  14. </IfModule>
  15.  
У меня таже самая беда с

Исправьте обязательно:
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 10. Количество блокирующих ресурсов CSS на странице: 15. Они замедляют отображение контента.

Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Удалите код JavaScript, препятствующий отображению:
ваш-сайт.ru/templates/ваша-тема/js/jquery.js
ваш-сайт.ru/templates/ваша-тема/js/jquery-modal.js
ваш-сайт.ru/templates/ваша-тема/js/core.js
ваш-сайт.ru/templates/ваша-тема/js/modal.js
ваш-сайт.ru/templates/ваша-тема/js/messages.js
ваш-сайт.ru/templates/ваша-тема/js/bootstrap.js
ваш-сайт.ru/templates/ваша-тема/js/owl.carousel.js
ваш-сайт.ru/…emplates/ваша-тема/js/modernizr.custom.js
ваш-сайт.ru/templates/ваша-тема/js/jquery.dlmenu.js
ваш-сайт.ru/…mplates/default/js/jquery.nivo.slider.js
Оптимизируйте работу CSS на следующих ресурсах:
ваш-сайт.ru/templates/ваша-тема/css/theme-text.css
ваш-сайт.ru/templates/ваша-тема/css/theme-layout.css
ваш-сайт.ru/templates/ваша-тема/css/theme-gui.css
ваш-сайт.ru/…templates/ваша-тема/css/theme-widgets.css
ваш-сайт.ru/…templates/ваша-тема/css/theme-content.css
ваш-сайт.ru/templates/ваша-тема/css/theme-modal.css
ваш-сайт.ru/templates/ваша-тема/css/bootstrap.css
ваш-сайт.ru/templates/ваша-тема/css/owl.carousel.css
ваш-сайт.ru/templates/ваша-тема/css/component.css
ваш-сайт.ru/templates/ваша-тема/css/style.css
ваш-сайт.ru/templates/ваша-тема/css/media.css
ваш-сайт.ru/templates/default/css/nivo-slider.css
ваш-сайт.ru/…ss/nivoslider-themes/default/default.css
ваш-сайт.ru/instyler/css?uri=
fonts.googleapis.com/css?family=Russo+One
#5 1 декабря 2016 в 13:56
Нил™, для nginx есть что то подобное? вроде htaccess для apache
#6 1 декабря 2016 в 14:50

для nginx есть что то подобное?

Evanescence
Можно тут посмотреть stik.name/blog/tips-and-tricks/44-nastroyka-sjatiya-i-keshirovaniya-v-nginx-i-apache/

Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

traffs
На wp есть плагины которые объединяют, минимизируют и переносят вниз все это дело.
Так как пока нет на instant или я просто не знаю… можно конечно заморочится и руками все это сделать. Но переносить конечно не все надо, иначе что то не будет работать.
Либо думать в направление разработки.
#7 1 декабря 2016 в 18:18
Тоже интересно решение этой "проблемы"
#8 1 декабря 2016 в 18:53
А можно вот так попробовать сделать, с использованием Minify webliberty.ru/minify/ и уже полученные объединенный и минимизированные файлы поместить вниз.

Естественно проверив, что ничего не поломалось и тд.
#9 1 декабря 2016 в 18:54
Двойку не знаю, но там что нельзя настроить кэширование, глобальное или отдельных приложений?

В первой идет по умолчанию, в 2-ке возможно опционально, это важный элемент, должно быть как то реализовано…
#10 1 декабря 2016 в 20:54

Двойку не знаю, но там что нельзя настроить кэширование, глобальное или отдельных приложений?
В первой идет по умолчанию, в 2-ке возможно опционально, это важный элемент, должно быть как то реализовано...

Rainbow
Вопрос не о кешировании модулей/виджетов (и в двойке есть более богатый функционал такого кеширования), вопрос в кешировании статических файлов.

для nginx есть что то подобное

Evanescence
Как то так для локейшена
  1. location ~* ^.+\.(jpg|jpeg|gif|png|txt|js|css|ico)$ {
  2. expires 7d;
  3. add_header Cache-Control private;
  4. }
Подробнее вроде бы в документации NGINX было.
#11 4 декабря 2016 в 17:38

Как то так для локейшена

Fuze

А куда это прописывать, подскажите пожалуста? в htaccess
#12 16 декабря 2016 в 20:42

А куда это прописывать, подскажите пожалуста? в htaccess

Андрей
Нет, это прописывается в файле конфигурации nginx
/etc/nginx/vhosts/your_site/domen_your_site.ru.conf
#13 17 декабря 2016 в 09:58

файле конфигурации nginx

Shuma

Ага, спасибо, нашёл!
#14 17 декабря 2016 в 11:47


файле конфигурации nginx

Shuma

Ага, спасибо, нашёл!

Андрей
И естественно не забываем service nginx restart
#15 17 декабря 2016 в 12:13
Как раз недавно изучал этот момент как бы лучше оптимизировать, так как скорость 60-80 явно вылетает из мобильной выдачи. Оптимизировал 2 сайта — вот что смог получить yadi.sk/i/vyGP4yhh33oW9N.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.