26 ответ(ов) в теме
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
1
17:00
Версия WP-Recall: 16.23.20

Приветствую.
Предлагаю добавить rel="preload" к rcl-awesome.woff2. PageSpeed Insights перестанет ругаться)

1
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
2
18:36

Не могу инфу найти, можно или нет отправлять заголовки на ровне со скриптами и стилями и по шрифтам в HTTP2 Push?
Может есть ссылочки у кого на почитать.

Редакции сообщения
17.09.2020 18:41garryПричина: не указано
0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
3
21:53

Вроде так отдает заголовок правильный HTTP2 Push

function yw_server_push_font_files() {
  
  $font_src2 = plugins_url('wp-recall/assets/rcl-awesome/fonts/rcl-awesome.woff2?7jdlrg');

  header(
    sprintf(
      'Link: <%s>; rel=preload; as=font; crossorigin',
      esc_url($font_src2)
    )
    , false
  );
}
add_action('init', 'yw_server_push_font_files');

0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
4
23:01

Забыл еще кусочек

// добавить <link rel="preload"> в резерв
function yw_preload_font_files() {
  $font_src = plugins_url('wp-recall/assets/rcl-awesome/fonts/rcl-awesome.woff2?7jdlrg');
  echo '<link rel="preload" href="' . $font_src . '" as="font" type="font/woff2" crossorigin>';
  
}
add_action( 'wp_head', 'yw_preload_font_files', 10);

И наступило счастье))

0
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
5
23:49

Метрики в студию - до и после))

Про 1-е сообщение - поддерживаю.

Надо чтоб в итоге в html странице было так:

<link rel="preload" href="путь/rcl-awesome.woff2" as="font" type="font/woff2" crossorigin>

Все остальное - чую где-то там собака зарыта и не каждому подойдет.
Не понимаю что там дает - но нутром чую - похоже на костыль. Без обид - странная конструкция это.

А что будет если на сервере не http/2 ?

p.s. мои тайминги такие

Вы не можете просматривать опубликованные ссылки

Но там и шрифт резанный)) в 3 раза

1
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
6
23:59

Про не http/2 тут уже от хостинга, как повезло, но подгружаем же резерв))
Просто нет другой или пока не нашел, чего-то более внятного для заголовков, тем не менее работает и используется в каком-то плагине, правда кусок на гите нашел и подрихтовал, так толком и не понял о каком плагине речь, странный там язык в комментах, но обсуждали бурно).
Заголовки корректные, варнинги пропали вот скрин

Вы не можете просматривать опубликованные ссылки

Вы не можете просматривать опубликованные ссылки

Вроде все работает, будем посмотреть 🙂
Ловлю все милисикунды и все, что можно, с кучей сторонних приблуд(контекст, лишние метрики...) все важно.

Редакции сообщения
17.09.2020 23:59garryПричина: не указано
18.09.2020 00:05garryПричина: не указано
18.09.2020 00:06garryПричина: не указано
18.09.2020 00:07garryПричина: не указано
18.09.2020 00:11garryПричина: не указано
18.09.2020 00:13garryПричина: не указано
18.09.2020 00:14garryПричина: не указано
0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
7
07:50

Владимир, нет у тебя сведений, надо в заголовке тип передавать?
А то такое ощущение, что про http/2 все должны знать от рождение, инфы просто мизер. 🙂

0
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
8
10:27

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

0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
9
10:45

Владимир (Otshelnik-Fm) сказал(а)
Не понимаю для чего это нужно и что это дает. браузеры и так кешировать умеют - без лишних телодвижений. Зачем увеличивать еще длину заголовков и гонять их в каждом запросе - мне не понятно

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

Редакции сообщения
18.09.2020 10:47garryПричина: не указано
0
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
10
10:53

а метрики так и не дал))

1
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
11
11:04

Владимир (Otshelnik-Fm) сказал(а)
а метрики так и не дал))

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

Редакции сообщения
18.09.2020 11:06garryПричина: не указано
18.09.2020 11:06garryПричина: не указано
18.09.2020 11:07garryПричина: не указано
0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
12
12:41

Что-то не так в королевстве шрифтов))
На тестовом разбираюсь. Владимир, твой способ отличный по шрифтам, но пока хочу разобраться с общей картиной, уж больно долго они грузятся.
скрин с отключенными шрифтами

Вы не можете просматривать опубликованные ссылки

Скрин с подключенными шрифтами

Вы не можете просматривать опубликованные ссылки

В подключенными перезагрузка страницы дает конечно разные варианты, но все они в пределах скрина. Скорость естественно падает в общем.

Редакции сообщения
23.09.2020 12:42garryПричина: не указано
0
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
13
13:07

А что это за сервис метрик такой что грузит и woff и ttf шрифты? Браузер же загружает только один - современный woff2 - который меньше всех по объему. Сервис явно врёт

0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
14
13:13

Это не сервис, просто плагин показывает, скорость загрузки F12-Profiler. Но не суть, все равно не быстро))
Да и без плагина, можно увидеть, вариантов много же. Вот и думаю, как это побороть.

Редакции сообщения
23.09.2020 13:14garryПричина: не указано
0
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
15
13:16

Оффтоп
правило 20/80 только не забывай, а то оставшиеся 20% оптимизаций отнимут 80% времени...

0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
16
13:19

Владимир (Otshelnik-Fm) сказал(а)

Оффтоп
правило 20/80 только не забывай, а то оставшиеся 20% оптимизаций отнимут 80% времени...

Оффтоп
Это да, но вот уткнулся в шрифты по гулометру и решил докапатся пока время есть, как сие исправить))

0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
17
14:32

В общем, предзагрузка решает все проблемы по любому, выше ее привел.
Только исключить из админки в выше коде:
add_action('init', 'yw_server_push_font_files');
Кстати, в нее можно засунуть и шрифты шаблона и все, что необходимо.
🙂

Редакции сообщения
23.09.2020 14:33garryПричина: не указано
0
Андрей CS
не в сети 54 минуты
На сайте с 30.11.-0001
Администратор
Тем 71
Сообщения 14995
18
15:39

Игорь, спасибо за изыскания, обязательно изучу.

1
Андрей CS
не в сети 54 минуты
На сайте с 30.11.-0001
Администратор
Тем 71
Сообщения 14995
19
17:27

Может мне кто-нибудь объяснить, а зачем это все надо? Посмотрел, шрифты загружаются из кеша всегда, на что это может влиять?

0
Preci
не в сети 8 минут
На сайте с 11.11.2014
Участник
Тем 67
Сообщения 1071
20
17:36

Андрей CS сказал(а)
Может мне кто-нибудь объяснить, а зачем это все надо? Посмотрел, шрифты загружаются из кеша всегда, на что это может влиять?

ну типо браузер начинает загрузку шрифта с preload еще до отрисовки страницы, таким образом рисовка не блокируется и при первом открытии страница отобразится на пару наносекунд быстрее. Я так понял

0
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
21
17:37

В частности rel="preload" для шрифта позволит указать браузеру на приоритет. Тот скачает его раньше. Не будет эффекта моргания - когда вначале идет дефолтный шрифт (или не прорисованный - для awesome шрифта), а потом срендерится тот что нужен

0
Андрей CS
не в сети 54 минуты
На сайте с 30.11.-0001
Администратор
Тем 71
Сообщения 14995
22
17:43

эффект моргания при первой загрузке или последующих тоже?
я не знаю, как я пользуюсь этим сайтом, тут все постоянно дергается))

1
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
23
17:51

По идее при первой. Потом берет из кеша мгновенно.

Я тут сейчас на gt metrix шрифт roboto с своего сайта погонял.

$main_font_url = COWABUNGA_URL . 'assets/fonts/roboto-custom-400.woff2?ver=' . CWB_VERSION;

Так:

$link = '<link href="' . $main_font_url . '" >';

получилось вот что:

Вы не можете просматривать опубликованные ссылки

А по рекомендациям:

$link = '<link rel="preload" href="' . $main_font_url . '" as="font" type="font/woff2" crossorigin>';

вот:

Вы не можете просматривать опубликованные ссылки

как видим - разницы нет вообще. Как загружал его 9-м по счету - так и загружает.
В общем да - хз что в реальности это дает. Я не увидел. Попугаев в пейджспиде даёт. В gtmetrix - я не вижу разницы.

0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
24
18:25

В общем, оставим на тех кому пригодится, решение есть и предупреждение в пейдже по скорости пропадают. Значит уже не влияют на скорость, особенно на не пустых сайтах, где еще масса чего грузится)
Влияет или не влияет пейдж и все такое на позиции, не лучшая тема для обсуждения 🙂

Владимир (Otshelnik-Fm) сказал(а)
В gtmetrix - я не вижу разницы.

Когда они наконец сподобятся обновить свои проверялки под новый пейдж, тогда и появится)

Андрей CS сказал(а)
эффект моргания при первой загрузке или последующих тоже?

Просто нет задержки в загрузки страницы, не про моргание в основном.

Редакции сообщения
23.09.2020 18:26garryПричина: не указано
23.09.2020 18:27garryПричина: не указано
23.09.2020 18:30garryПричина: не указано
23.09.2020 18:30garryПричина: не указано
23.09.2020 18:31garryПричина: не указано
0
Владимир (Otshelnik-Fm)
не в сети 2 часа
На сайте с 27.01.2013
Модератор
Тем 31
Сообщения 17852
25
18:41

ну если пошел холивар про пейдж...
Почему они ни гугол ни ютуб не смотрят в своем инструменте? Советы дают - а сами как от пасынка отрекаются.
Я пейджспид смотрю иногда фана ради - ну похоливарить сайты на эле(матьего)менторе - но без фанатизма. Ну кажет он там что-то.
Все же правильно 20/80 правило. И как показала практика - напрасно он советует. Ну потратил я часок на эксперименты с ним вновь - а толков нету. Мог бы в полезное русло пустить потраченное время - темболее после нововведений реколл - есть куда время потратить.
Без обид - но сервис себя дискредитировал.

0
garry
На сайте с 04.01.2014
Участник
Тем 130
Сообщения 2525
26
18:44

Маленький пример.
Заморочился я с оптимизацией amp, реально дорогие плагины(аддоны к плагину) для кеширования правильного. В общем шел по пейджу. В итоге, траф на amp начал расти и не просто медленно, а реально уже не в сотнях. Совпадение, нет, не считаю так. Думаю не будет хуже и остальное подтянуть. Хотя уже комп не так важен, остается под мобилы, хотя и тут уже не очень понятно их судьба, в плане турбо отрабатывает и амп. Гугл вскоре переведет все сайты на Mobile First 🙂
Хотя все это лирика и от личного желания заморочится идет))

Владимир (Otshelnik-Fm) сказал(а)
Почему они ни гугол ни ютуб не смотрят в своем инструменте?

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

Владимир (Otshelnik-Fm) сказал(а)
Без обид - но сервис себя дискредитировал.

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

Редакции сообщения
23.09.2020 18:45garryПричина: не указано
0
Вы не имеете права на публикацию сообщений в этой теме