Форум Поисковые системы Google

Googl рекомендует оптимизировать CSS

12
DF
На сайте с 29.09.2013
Offline
15
DayFlowers
19712

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

Оптимизируйте работу CSS на следующих ресурсах: http://www.dayflowers.ru/wp-content/themes/gardening_theme_wp_8/style.css

Подскажите как можно оптимизировать работу СSS?

E
На сайте с 21.09.2009
Offline
283
easywind
#1
DayFlowers:
Подскажите как можно оптимизировать работу СSS?

Часть вставить в код страницы к примеру.

DF
На сайте с 29.09.2013
Offline
15
DayFlowers
#2

Можете мне на примере показать.

Q
На сайте с 09.10.2011
Offline
71
q3wzeck
#3

Либо вставьте подключение CSS в конце кода страниц. Так гугл перестает свистеть про оптимизацию. Но этот метод мне вовсе не нравится, потому как на медленном интернете (например на телефонах) страница начинает отображаться без стилей и выглядит откровенно стрёмно до загрузки CSS.

Так же рекомендую сжать ваши стили подобным сервисом: http://cssminifier.com/ Удалит переносы строк и вообще лишний мусор в виде пробелов.

Гугл обновил PageSpeed Insights Исходный код сайта. Два Оптимизация CSS
DF
На сайте с 29.09.2013
Offline
15
DayFlowers
#4

Спасибо! Я уже сделала сжатие кода.

---------- Добавлено 27.03.2014 в 19:16 ----------

Может, кто нибудь на своем примере показать.

богоносец
На сайте с 30.01.2007
Offline
774
богоносец
#5

www.google.ru вникайте в исходный код.

А когда вы пишите

<link href="//s.w.org/wp-includes/css/dashicons.css?20130130" rel="stylesheet" type="text/css" />

<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="//s.w.org/style/wp4.css?6" />

<link rel="stylesheet" href="//s.w2.org/style/wp4.css" />

<link rel="stylesheet" href="//s.w6.org/style/wp4.css" />



<script type="text/javascript" src="//s2.forumimg.net/clientscript/vbulletin_global.js?v=386"></script>

<script type="text/javascript" src="//s2.forumimg.net/clientscript/vbulletin_store.js?v=386"></script>

<script type="text/javascript" src="//s2.forumimg.net/clientscript/vbulletin_menu.js?v=386"></script>
то первая загрузка будет в разы дольше.
Saronit
На сайте с 15.02.2011
Offline
82
Saronit
#6

Присоединяюсь к ТС - так же интересна эта тема.

СРА на рынке ICO и криптовалюты (https://goo.gl/sgJLN4) - Партнерская программа для вебмастеров Вступайте, смотрите, и зарабатывайте
AR
На сайте с 01.04.2012
Offline
78
And-rey
#7

да забейте вы на эти "рекомендации" от гугла по объединению, сжатию JScript и CSS! Ваш сайт грузиться со скоростью от 1.6 до 3.0 сек. Этого вполне достаточно для рядового сайта-визитки. Ведь у вас же не высоконагруженный проект =)

п.с. кеширование, распараллеливание и особые настройки в .htaccess позволяют добиться более высоких скоростей ,если уж так хочется...

Одноклассники запустили прямые трансляции В Яндекс.Дисплее поменялись требования Google обновил инструмент PageSpeed
DF
На сайте с 29.09.2013
Offline
15
DayFlowers
#8

А какие еще есть сайты для примера. Я в этом новичок и код googla для меня как дремучий лес. А разобраться хочется, да и очень интересно.

QM
На сайте с 25.01.2010
Offline
177
q_metainfo
#9
DayFlowers:
Подскажите как можно оптимизировать работу СSS?

Вникайте, вот вам материалы для раздумий:

Загрузка JavaScript и CSS

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

Инструментов для этого много. Горячий французский парень Эрик Даспет сделал сравнительную таблицу разных загрузчиков (всего больше 20).

У вас сайт выбивает 95 из 100 на десктопе - это вполне нормальное значение, сам дохожу до этой цифры и обычно перестаю последние копейки выжимать.

And-rey:
п.с. кеширование, распараллеливание и особые настройки в .htaccess позволяют добиться более высоких скоростей ,если уж так хочется...

А если одновременно и код поправить по рекомендациям, так и ваши настройки включить на сервере - вообще улёт будет, верно? Надо закручивать все гайки!

And-rey:
да забейте вы на эти "рекомендации" от гугла по объединению, сжатию JScript и CSS! Ваш сайт грузиться со скоростью от 1.6 до 3.0 сек. Этого вполне достаточно для рядового сайта-визитки. Ведь у вас же не высоконагруженный проект =)

И что? Пользователи не любят медленные сайты. Пусть работает быстрее, раз это несложно сделать и особо денег не просит.

Google: что делать, если Новый Яндекс.Браузер для десктопов В адресной строке Firefox
богоносец
На сайте с 30.01.2007
Offline
774
богоносец
#10

http://ru.wikipedia.org/wiki/HTTP

http://www.google.com/search?q=%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F+%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8+%D1%81%D0%B0%D0%B9%D1%82%D0%B0

Вам важен не код Гугля, а количество HTTP-обращений.

Сделайте (в хроме) Ctrl+Shift+I > Сеть

и посмотрите на процесс загрузки google.ru, searchengines.guru и webmaster.ya.ru

В сетевой действительности быстрее получается у того... у кого и трафик больше, поскольку всё в HTML.

Региональность в Google. Get-параметр Перевод сайта на защищенный 10 советов по использованию
12

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