Не могу побороть "Предварительно загружайте основные запросы"

12
J
На сайте с 08.06.2006
Offline
825
228

В  PageSpeed Insights красным мне "светит" для любой страницы сайта "Предварительно загружайте основные запросы". Используйте  `<link rel=preload>` и т.д.

Везде для /wp-content/themes/root/fonts/fontawesome-webfont.woff2.

Но я  fontawesome-webfont.woff2  даже в коде найти не могу, чтобы добавить `<link rel=preload>` .

Подскажите куда "копать"?

Lazy Badger
На сайте с 14.06.2017
Offline
191
#1
joost :
Но я  fontawesome-webfont.woff2  даже в коде найти не могу

B каком коде? woff*-шрифты упоминаются в CSS, которым грузится  fontawesome шрифт

Производство жести методом непрерывного отжига
J
На сайте с 08.06.2006
Offline
825
#2
Lazy Badger #:

B каком коде? woff*-шрифты упоминаются в CSS, которым грузится  fontawesome шрифт

а я в коде страницы смотрю.

а как вычислить тот CSS который грузит шрифт?

но там я же  <link rel=preload>  не смогу применить? в коде стилей

Lazy Badger
На сайте с 14.06.2017
Offline
191
#3
joost #:

а я в коде страницы смотрю.

а как вычислить тот CSS который грузит шрифт?

Ну, генацвале, куда ты с таким уровнем квалификции в шоу-бизнес полез? Показывай УРЛ тогда уж

J
На сайте с 08.06.2006
Offline
825
#4
Lazy Badger #:

Ну, генацвале, куда ты с таким уровнем квалификции в шоу-бизнес полез? Показывай УРЛ тогда уж

урл показать не могу
Lazy Badger
На сайте с 14.06.2017
Offline
191
#5
joost #:
урл показать не могу

Ну тогда только так, без комментариев


должно быть понятно, куда смотреть и как, и что делать (хотя preload на локальные шрифты - "немножечко бред", особенно на FA)

J
На сайте с 08.06.2006
Offline
825
#6
Lazy Badger #:

Ну тогда только так, без комментариев


должно быть понятно, куда смотреть и как, и что делать (хотя preload на локальные шрифты - "немножечко бред", особенно на FA)

я не утверждаю, что нужно "прелоад". как иначе?
MG
На сайте с 28.08.2020
Offline
4
#7
Lazy Badger #:

Ну, генацвале, куда ты с таким уровнем квалификции в шоу-бизнес полез? Показывай УРЛ тогда уж

Это вторая ипостась хада. Они уверенно держаться в первой пятерке самых глупых с серча.

Консультации по SEO, аудиты, продвижение, поведенческие - возможна постоплата! mrguroseo@mail.ru @mrguroseo
G6
На сайте с 12.07.2007
Offline
117
#8

Так как вы их в коде то найдете, если они из css вызываются.

В общем, если поддерживает HTTP/2, то пушем передавайте и все. Для wp типо такого можно:

function yw_server_push_font_files() {
   $font_src2 = get_theme_file_uri('тут путь/awesome.woff2');

  
  header(
    sprintf(
      'Link: <%s>; rel=preload; as=font; type=font/woff2; crossorigin',
      esc_url($font_src2)
    )
    , false
  );
}
if (!is_admin()){
//    add_action('init', 'yw_server_push_font_files');
        add_action( 'wp_enqueue_scripts', 'yw_server_push_font_files', PHP_INT_MAX );
}
// добавить <link rel="preload"> в резерв
function yw_preload_font_files() {
  $font_src = get_theme_file_uril('тут путь/awesome.woff2');
  echo '<link rel="preload" href="' . $font_src . '" as="font" type="font/woff2" crossorigin>';
  
}
add_action( 'wp_head', 'yw_preload_font_files', 10);

Если не вп, то по тому же принципу.

J
На сайте с 08.06.2006
Offline
825
#9
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;}
Нашел нужный фрагмент. Добавил
font-display: swap;
Но ничего не поменялось. По прежнему требует предварительно загружать.
G6
На сайте с 12.07.2007
Offline
117
#10
joost #:
Но ничего не поменялось. По прежнему требует предварительно загружать.

Так я выше дал решение, сработает точно у вас и работает сейчас не у вас). В файл functions.php вашей темы сайта добавьте и кеш почистить.

Замените там где путь в двух метах на ваш:

get_theme_file_uri('fonts/fontawesome-webfont.woff2')

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

12

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