Ссылка = предварительная загрузка добавлена, но не обнаружена Pagespeed

Pagespeed Insights рекомендует предварительно загружать определенные файлы шрифтов, чтобы ускорить загрузку страницы. Я добавил код в свой элемент, но Pagespeed по-прежнему его не обнаруживает. Я пробовал все исправления, упомянутые в других ответах:

  • Использование атрибута crossorigin (с анонимом)
  • Использование плагина вставки верхних и нижних колонтитулов
  • Загрузка других типов шрифтов, например .woff, .eot

Вот ссылка на страницу. Эта страница является лишь примером. Та же проблема существует и во всех других сообщениях, где Pagespeed упоминает:

Consider using `<link rel=preload>` to prioritize fetching resources that are currently requested later in page load. Learn more.
URL
Potential Savings
…fonts/johannes-font.ttf(productiveclub.com)
2,670 ms

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

Может ли кто-нибудь понять, что здесь не так в моем коде? Заранее спасибо.


wordpress css pagespeed-insights preload
person Maxim Dsouza    schedule 08.12.2020    source источник
comment
просто подумал, что посмотрю, есть ли что-нибудь еще, что вы хотите добавить к ответу, увидев, как вы задали вопрос, или если у вас была возможность попробовать то, что я предлагал?   -  person Graham Ritchie    schedule 22.12.2020

Ответы (1)


arrow_upward
5
arrow_downward

Когда вы действительно загружаете шрифт, он имеет ? в конце.

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

url(/wp-content/themes/johannes/assets/fonts/johannes-font.ttf?) format('truetype') находится в одном из миниатюрных файлов CSS.

Вы также предварительно загружаете его более одного раза (строка 7 и строка 199 в HTML), поэтому вы получите консольную ошибку, не связанную напрямую, но которую важно исправить в любом случае.

Ресурс https://productiveclub.com/wp-content/themes/johannes/assets/fonts/johannes-font.ttf был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна. Убедитесь, что оно имеет подходящее as значение и преднамеренно предварительно загружено.

для ясности - для браузера fonts/johannes-font.ttf не равно fonts/johannes-font.ttf?, поэтому на самом деле вы не загружаете файл предварительно для браузера. Удалите ? из своего URL-адреса, и он должен работать должным образом.

person Graham Ritchie    schedule 08.12.2020