Перейти к содержимому

Сервис обмена электронных валют


Гугл сказал: "Используйте кэш браузера"

#1 Deriona

Deriona
  • Пользователь
  • 54 сообщений
  • Репутация: 2
0

Отправлено 10 Октябрь 2016 - 16:02

Всем привет!

При сканировании сайта через сервис от Гугла - Пэйд Дэвэлопэрс выдается несколько рекомендаций по улучшению качества сайта. Одина из этих рекомендаций - это "Используйте кэш браузера". Собственно что имеется ввиду? Как я понимаю нужно что-то с Апачем колдовать, а именно чтото прописывать...

Вопрос что и где конкретно прописывать какую директиву? Какой оптимальный вариант прописать для среднестатистического юзера? И вообще интересует пример реализации с максимально внятным объяснением  :wub:

Прикрепленные изображения

  • Untitled-2 copy.png

 

 

Сообщение отредактировал Deriona: 10 Октябрь 2016 - 16:02

  • 0

#2 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 700 сообщений
  • Репутация: 405

Отправлено 10 Октябрь 2016 - 16:07

@Deriona, для себя взял за основу реализацию предложенную @Ixman, по следующим ссылкам тынц & тынц

У меня работает норм.


  • 1
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#3 Deriona

Deriona
    Topic Starter
  • Пользователь
  • 54 сообщений
  • Репутация: 2

Отправлено 10 Октябрь 2016 - 16:31

@ShowPrint,Спасибо! Но чтобы не создавать отдельную тему, может тогда и на этот вопрос найдется ответ.... "Удалить код JavaScript и CSS, блокирующий отображение верхней части страницы чтоб ничего не рухнуло и корректно отображалось на сайте?" Скриншот прилагаю:

Прикрепленные изображения

  • Untitled-3 copy.png

  • 0

#4 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 700 сообщений
  • Репутация: 405

Отправлено 10 Октябрь 2016 - 16:48

@Deriona, на этот вопрос в закладках ответа нет. В свободное время начал писать обзорную статью по всем рекомендациям PageSpeed Insights, но этого времени мало и реально хорошо если на НГ-каникулах допишу.
Собственно по этому пункту предлагаю сильно не запариваться - во всём потокать Гуглёвому сервису не очень правильно.

 

У себя относительно CSS: я сократил и минимизировал его, все css объединил в один файл, включил сжатие и кеширование, оставил внутри <head> - да, пейдж-спид ругается - забил на него.

По JS: все линкованные и встроенные скрипты (включая аналитику) перенёс вниз страницы, перед закрывающим </html>, дополнительно всё что можно (не мешает работе) - загружаю асинхронно после загрузки страницы (ajax-ом)  :)


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#5 Deriona

Deriona
    Topic Starter
  • Пользователь
  • 54 сообщений
  • Репутация: 2

Отправлено 10 Октябрь 2016 - 16:54

загружаю асинхронно после загрузки страницы
Это как так делается? 
  • 0

#6 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 700 сообщений
  • Репутация: 405

Отправлено 10 Октябрь 2016 - 17:03

Это как так делается? 

Ajax-ом  :)

 

Например, как вариант - в конце перед </html>:

<script async src='/script/script.js'></script>

script.js:

$(document).ready(function(){
	$.getScript("../script/script-1.js");
	$.getScript("../script/script-2.js");
});

UPD: Можно покурить инфу  ;)


Сообщение отредактировал ShowPrint: 10 Октябрь 2016 - 17:06

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#7 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 10 Октябрь 2016 - 18:39

Согласен с @ShowPrint, что не стоит всё брать близко к сердцу из того, что рекомендует PageSpeed. Я просто уверен, что на 100% сделать всё не возможно, особенно если у вас подключены сторонние скрипты.

 

Ещё есть один момент, если у вас наряду с apache, либо вместо него используется nginx, то тут настройками в .htaccess не обойтись. Нужно править конфиги nginx


  • 0

#8 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 700 сообщений
  • Репутация: 405

Отправлено 10 Октябрь 2016 - 18:53

из того, что рекомендует PageSpeed. Я просто уверен, что на 100% сделать всё не возможно
+100500, а некоторые вещи возможно - но глупо  :lol: 

 

@Deriona, например, если стили не линковать, а вставить внутрь <head><style> - PageSpeed будет счастлив, но это означает что полностью все стили будут загружаться заново при загрузке каждой страницы. Это приведет к гораздо большему времени её загрузки, по сравнению с возможностью взять эти стили из кеша (после того как они туда попали при загрузке предыдущей страницы) ;)


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#9 Ixman

Ixman
  • Пользователь PRO
  • 2 159 сообщений
  • Репутация: 432

Отправлено 10 Октябрь 2016 - 19:37

@ShowPrint, возможно ты не правильно понял рекомендации Google. Лично я понял так, что в тег style помещаем основные общие стили для всех страниц, которые в первую очередь нужны для их отрисовки во время загрузки страниц. А остальное помещаем в файл css и подключаем его за закрывающим тегом body.

 

Так получается, что во время загрузки страницы, до того как будет загружен файл css, основные стили для корректного внешнего вида страницы будут взяты из тега style, всё остальное подгрузится потом. У кого быстрый интернет, этого в принципе не заметит никогда. Но вот на маленьких скоростях очень часто бывает такое, что сначала загружается страница белого цвета с чёрным текстовым содержимым, где всё собрано в кашу. А после того как загружается css то уже начинает вырисовываться внешний вид. 

 

А вообще я думаю Google опоздал с этими рекомендациями на несколько лет, этак лет на 5. Хотя те кто сидит с мобильного интернета может запросто такое словить.


  • 0

#10 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 700 сообщений
  • Репутация: 405

Отправлено 10 Октябрь 2016 - 19:58

@Ixman, рекомендации Google я именно так и понял  :) , беда в том, что

Google опоздал с этими рекомендациями на несколько лет
:lol:

 

На самом деле, если учесть что "основные общие стили для всех страниц" это и есть почти все стили, а с учетом того что основная масса народа пользуется cms - это объёмные стили, то фактически получается как раз то, что я и написал ;)

То есть "остальное" - это очень малая часть "основного", хотя если пособирать - получается "курочка по зернышку".

Для себя я нашел что собрать в css линкуемый в конце, по размеру получилось 9к+, почти 10к  :rolleyes:

 

Оффтопик


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru