Question

Я изо всех сил пытаюсь исправить проблему скорости WordPress сайта в мобильном телефоне. Скорость мобильного компьютера составляет 43, а скорость рабочего стола - 93. Я вижу, что основная проблема заключается во времени предварительной загрузки ключей. Эта проблема исходит от плагинов Elementor, используемых в шрифте awesome. Хотя я установил запросы ключей Preload в заголовке. php file <link rel="preload" для использованных шрифтов, но я вижу, что он все еще вызывает медленную работу для мобильных устройств, что было проверено Google Inspeed Insight. Кроме того, я вижу в консоли инструментов Google dev, показывающей мне ошибку, что:

"шрифт был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна. Убедитесь, что он имеет соответствующий * Значение 1005 * и предварительно загружено намеренно. "

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

Я не нахожу способа исправить проблемы с мобильными шрифтами.

Может ли кто-нибудь предложить мне решение всех проблем со скоростью шрифта для мобильных и настольных ПК?

Answer 1

Ошибка предварительной загрузки

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

Это означает, что вы правильно выполнили предварительную загрузку, но предварительно загрузили что-то, что не было нужно на странице.

Если вы видите ту же ошибку на каждой странице вашего сайта, то вы загружают шрифт, который не нужен.

Я не уверен, если у elementor есть настройка в WordPress admin для удаления шрифтов, в противном случае вам придется копаться в коде и отключать его вручную.

Имейте в виду, что если вы сделаете это, вы можете вызвать проблемы с elementor.

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

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

Кто-нибудь может дать мне предложение по устранению всех проблем со скоростью шрифта как для мобильного, так и для настольного компьютера?

Да, не используйте font-awesome. Вместо этого узнайте, как использовать встроенные SVG-файлы - как только вы их поймете, обычно это просто копирование и вставка для замены значков. Вот некоторая информация о встроенных SVG-файлах и шрифтах в виде значков, с которых можно начать.