Файлы сжатие css и js

M
На сайте с 16.07.2010
Offline
126
928

Провериоа сайт в панели Google PageSpeed Insights там порекомендвали следущие

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

перенесла все перед </body> в самый низ но после этого криво шаблон загружается

может кто знает как правильно в данной ситуации сделать?

Download Music Mp3 (http://google.co.il)
Оптимизайка
На сайте с 11.03.2012
Offline
396
#1
megallodon:
перенесла все перед </body> в самый низ

Чочо? 😂

Гугль намекает что надо перенести всё, что можно из <head></head> в <body></body> (ближе к концу документа). Однако решить эту задачу - не фунт изюму съесть ;)

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
b2pip
На сайте с 03.01.2008
Offline
104
#2

Перенос jquery и главного css из хидера вниз - это единственная рекомендация гугла которую я всегда игнорирую... Ибо имхо перебор уже.

Пусть гугл сначала свои сервисы так пооптимизирует, раз такой умный.

А на другие скрипты можно просто повешать async и тоже оставить в хидере.

werty1001
На сайте с 30.03.2008
Offline
82
#3
megallodon:
Провериоа сайт в панели Google PageSpeed Insights там порекомендвали следущие
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

перенесла все перед </body> в самый низ но после этого криво шаблон загружается

может кто знает как правильно в данной ситуации сделать?

Все js скрипты в принципе нужно подключать/писать перед </body>. Что касается стилей, то я забиваю на рекомендации гугла, потому что по-моему это уже перебор, ведь гугл рекомендует писать отдельные правила для шапки и основной части сайта прямо в HTML в теге <style>, а все остальное выносить в файл и подключать внизу, конечно если хотите 100 из 100 можете заморочиться, но по мне и 96 из 100 достаточно :).

Магазин аккаунтов с балансом Litres,DNS,Ozon,Rotapost и еще 50+ других сервисов тут - vk.cc/7QK0Sk
M
На сайте с 16.07.2010
Offline
126
#4
werty1001:
Все js скрипты в принципе нужно подключать/писать перед </body>. Что касается стилей, то я забиваю на рекомендации гугла, потому что по-моему это уже перебор, ведь гугл рекомендует писать отдельные правила для шапки и основной части сайта прямо в HTML в теге <style>, а все остальное выносить в файл и подключать внизу, конечно если хотите 100 из 100 можете заморочиться, но по мне и 96 из 100 достаточно :).

у меня то из 100 все 100 выводится но хочется как лучше

все js в подвал перетащила а вот стили не дает то есть шаблон криво начинает работать, может есть вариант?

---------- Добавлено 29.11.2015 в 01:45 ----------

Оптимизайка:
Чочо? 😂

Гугль намекает что надо перенести всё, что можно из <head></head> в <body></body> (ближе к концу документа). Однако решить эту задачу - не фунт изюму съесть ;)

не обязательно к концу документа но подальше из шапки куданеть перенести

согласна задача не простая

Dkarlov
На сайте с 23.02.2004
Offline
146
#5

Кеширование настройте.

VPS/Dedicated (https://bill2fast.com/aff.php?aff=2418) с нормальной поддержкой!
skybee
На сайте с 16.12.2009
Offline
126
#6

Недавно заморачивался с этим сервисом.

Совет: объедините все файлы css в один и сожмите например этим http://refresh-sf.com/ или этим http://css.github.io/csso/csso.html с файлами js сделайте тоже. Также в подключении файла js укажите async.

M
На сайте с 16.07.2010
Offline
126
#7
Dkarlov:
Кеширование настройте.

включила кэширование и gzip вроде нормально

---------- Добавлено 29.11.2015 в 02:22 ----------

skybee:
Недавно заморачивался с этим сервисом.
Совет: объедините все файлы css в один и сожмите например этим http://refresh-sf.com/ или этим http://css.github.io/csso/csso.html с файлами js сделайте тоже. Также в подключении файла js укажите async.

все объединила и с жала вот только осталось как применить рекомендацию перенести все в подвал стили

skybee
На сайте с 16.12.2009
Offline
126
#8
megallodon:
перенести все в подвал стили

Не стоит этого делать. Если сервис показывает зеленый цвет, это уже хорошо, а стили должны быть в <head/>

Denxx
На сайте с 30.01.2011
Offline
49
#9

там есть https://developers.google.com/speed/pagespeed/module/ модуль если есть возможность его поставить то он сам все сократит (если в конфигах фильтры поставить какие надо).

+ уже вот-вот выходит http/2.0 стандарт, там скорость загрузки сайта будет быстрее, но надо ssl сертификат, гугл уже подключил http/2.0 у себя фейсбук тоже

А вот вконтакте пока нет.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий