Google, письмо счатья и просадка трафика

[markimax]

3 часа назад, RGB сказал:

Получил практически те же цифры, не трогая ни bootstrap, ни скрипты, ни верстку, а просто включив минификацию всего этого добра в шаблоне (а если оптимизировать графику демки - думаю, и выше 90 будет):

Причем что забавно - до обновления алгоритма PageSpeed включение минификации наоборот снижало кол-во попугаев  

Знаете почему
Вы какой шрифт используете для текста
Теперь немного мат части "на пальцах"
При загрузке документа первым строится дерево DOM, после него CSSOM и только после этого браузером загружаются шрифты (которые надо для отображения текста)
Но у вас то текст отображается в теме каким шрифтом... стандартным браузера Open Sans Поэтом для отображения текста сразу (он у вас сразу отображается и Google это любит) не надо ждать загрузки кастомных шрифтов.
Поэтому и рекомендую всем MM2
Для остальных темописателей - внимательно изучите мат. часть
Забудьте про красивые рюшечки кастомных шрифтов в мобильной версии

 

[vtkach]

18 hours ago, markimax said:

Знаете почему
Вы какой шрифт используете для текста
Теперь немного мат части "на пальцах"
При загрузке документа первым строится дерево DOM, после него CSSOM и только после этого браузером загружаются шрифты (которые надо для отображения текста)
Но у вас то текст отображается в теме каким шрифтом... стандартным браузера Open Sans Поэтом для отображения текста сразу (он у вас сразу отображается и Google это любит) не надо ждать загрузки кастомных шрифтов.
Поэтому и рекомендую всем MM2
Для остальных темописателей - внимательно изучите мат. часть
Забудьте про красивые рюшечки кастомных шрифтов в мобильной версии

 

Так а тут можно поподробнее объяснить? )

По чему  "стандартным браузера Open Sans", если стандартные Arial (Windows), Helvetika (MacOS), sans-serif (Linux).

https://www.granneman.com/webdev/coding/css/fonts-and-formatting/web-browser-font-defaults

[sitecreator]

23 часа назад, vtkach сказал:

По чему  "стандартным браузера Open Sans"

 

он нестандартный, все верно, подключается.

 

 

 

Подгружаемые шрифты можно использовать хоть в мобильной версии, но с умом.

Просто загружать (как принято в опенкарт) не стоит. Основной контент должен всегда отображаться сразу не зависимо от того подгрузился шрифт или еще в процессе загрузки. Open Sans еще мало места занимает в современном формате woff2,  поэтому он особой погоды и не делает.   Есть шрифты многократно превосходящие его по весу (мегабайты).

[RGB]

У меня Open Sans грузится из отдельного каталога catalog\view\theme\moneymaker2\fonts\ где сохранены все форматы шрифта на случай отсутствия поддержки браузером woff2, почему так не делают другие авторы шаблонов - загадка. Конечно, предлагать пользователю выбор из сотен всех возможных шрифтов гугла это прекрасно, но нужно же понимать последствия такого подхода для самого пользователя, который все эти тонкости не обязан знать.

[maxim0905]

По шрифтам:

Вот сервис - нужно ему скормить че хотите, он выдаст локальные шрифты и css: https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin,cyrillic

И получите что-то типа:

/* open-sans-regular - cyrillic_latin */
@font-face {
  font-family: 'Open Sans';
  font-display:swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */

Копируйте архив с шрифтами к себе на сайт.

[maxim0905]

Если гоняетесь за попугаями, особое внимание на эту конструкцию:

font-display:swap;

 

Инфо здесь: https://developers.google.com/web/updates/2016/02/font-display

Змінено 28 листопада 2018 користувачем maxim0905

[maxim0905]

Вот сервис, можно оценить скорость загрузки сайта: https://gtmetrix.com/ и другие метрики

[maxim0905]

Также пока разбирался с этой проблемой, нашел сервис от гугла, который позволяет сжать и объединить  js файлы

https://closure-compiler.appspot.com/home

Кому надо, разберется.

[maxim0905]

Тему не бросаю, слежу за трафиком с гугла. Пока есть небольшой прирост, но подожду месяц, потом выложу график.

[mario512]

Ситуация в точности как у автора темы, письмо-просадка. После прочтения данной темы проверил в гуглп спид тест и средний результат для карточки товара: моб-26-29, пк-92-97. Старый тесть показывал, что все супер. После двух дней ковыряния результат для Карточки товара моб:

Карточка товара ПК:

Для категории моб:

Для категории ПК:

 

Есть еще возможность для категории поднять около 10 попугаев, но OCFilter перестает работать. Автор, к сожелению, не очень скор на помощь. 

 Наверное это практически предельная скорость для стандартного шаблона. Буду наблюдать за поведением страниц в поиске.

[markimax]

1 час назад, mario512 сказал:

Есть еще возможность для категории поднять около 10 попугаев, но OCFilter перестает работать. Автор, к сожелению, не очень скор на помощь. 

 Наверное это практически предельная скорость для стандартного шаблона. Буду наблюдать за поведением страниц в поиске.

Lazy с ошибкой
Не загружаются изображения сразу, только после скролла
 

Спойлер

 

 

[dexion]

1 час назад, mario512 сказал:

После двух дней ковыряния

А можете поделиться, что именно ковыряли?

 

PS: в пустой категории футер наверх уезжает: http://prntscr.com/lor3q5

[mario512]

@markimax Спасибо! Не обратил внимания.

@dexion Посмотрю. 

[Svar]

В 28.11.2018 в 20:03, maxim0905 сказал:

Если гоняетесь за попугаями, особое внимание на эту конструкцию:

font-display:swap;

 

Инфо здесь: https://developers.google.com/web/updates/2016/02/font-display

Можно чуть подробнее как это вставить в шаблон, чтобы заработало как надо? 

[maxim0905]

В 20.12.2018 в 11:48, Svar сказал:

Можно чуть подробнее как это вставить в шаблон, чтобы заработало как надо? 

 

[PoliteX]

@maxim0905 прошел месяц. изменения есть после правок?

[mario512]

@PoliteX Вот:

Спойлер

Сайт на стадии набивки товаром.

Змінено 27 грудня 2018 користувачем mario512

[YulanaKiev]

26 минут назад, mario512 сказал:

@PoliteX Вот:

  Скрыть контент

Сайт на стадии набивки товаром.

Походу сезонный рост)))

[jjoni]

В 28.11.2018 в 17:26, maxim0905 сказал:

Тему не бросаю, слежу за трафиком с гугла. Пока есть небольшой прирост, но подожду месяц, потом выложу график.

Как дела с трафиком?

[maxim0905]

В 05.02.2019 в 21:26, jjoni сказал:

Как дела с трафиком?

Радует хотя бы то, что падение остановилось. Думал вообще в 0 уйдет. Ну и сейчас отмечается небольшой прирост.

[maxim0905]

Еще в тему: сегодня просматривал google webmasters, обратил внимание на ошибки в микроразметке. Ручками дописывал: priceValidUntil, review, brand , url, sku, mpn для Product. Никаких уведомлений на мыло не поступало, но Google ругается! Думаю это тоже имеет какое-то значение на ранжирование в поисковой выдаче.

Змінено 8 березня 2019 користувачем maxim0905

[johngalt1]

В 20.11.2018 в 18:57, markimax сказал:

Вам же ответили - темы надо на базе default без лишнего хлама

Какие, например?

[Semivan]

В 08.03.2019 в 17:03, maxim0905 сказал:

Еще в тему: сегодня просматривал google webmasters, обратил внимание на ошибки в микроразметке. Ручками дописывал: priceValidUntil, review, brand , url, sku, mpn для Product. Никаких уведомлений на мыло не поступало, но Google ругается! Думаю это тоже имеет какое-то значение на ранжирование в поисковой выдаче.

Можете обьяснить как это прописать?