Как добавить HTML тег <rel=preload> в Header?

Question

Как добавить HTML тег <rel=preload> в Header?

24 июл. 2019 г., 15:37:08

Просмотры: 18.2K

Голосов: 1

Поскольку отчет Google Speed Insights рекомендует добавить

< link rel="preload" href="/lity.css" as="style" />

для ускорения загрузки следующих ресурсов

https://www.myoutlet.lt/wp-content/plugins/gdpr-cookie-compliance/dist/styles/lity.css

на сайте https://www.myoutlet.lt

Сайт работает на теме Avada.

Мне интересно, как этого можно достичь!

Конкретнее, я просмотрел файл header.php как основной, так и дочерней темы, но так как они написаны на PHP, мне сложно самостоятельно разобраться, как добавить HTML-код.

Должен быть способ вставить HTML в веб-страницу с помощью какой-то PHP-функции в файле header.php. Как junior SEO я приобрел некоторые технические знания, но мне еще далеко до разработчика.

Тот, кто подскажет решение, заработает мою вечную благодарность! Заранее спасибо за любые ценные подсказки.

Да пребудет с вами сила, Роман

P.S.: Мне нужно сделать это вручную, без плагинов (сайт и так достаточно медленный!)

Roman

23

шаблоны

Все ответы на вопрос

Комментарии

Будьте, пожалуйста, немного точнее. В какой файл мне нужно добавить этот сниппет - functions.php или, может быть, header.php? Будет ли этого достаточно или нужно добавить что-то еще в другом месте?

Roman

24 июл. 2019 г. 16:32:44

Я попытался сделать, как вы сказали, в файле header.php, но это не сработало! Мне нужно более подробное объяснение... не все из нас рождаются программистами x)

Roman

24 июл. 2019 г. 16:43:21

Вы можете добавить этот код в functions.php или в основной файл плагина.

nmr

24 июл. 2019 г. 16:46:40

Мне нужно выполнить этот обходной путь через functions.php; давайте разберёмся: я добавил этот сниппет в самый конец functions.php: add_action( 'wp_head', 'se343581_add_preload_tag', 5); function se343581_add_preload_tag() { echo '<link rel="preload" href="/lity.css" as="style">'; }

Roman

24 июл. 2019 г. 16:54:43

И это всё ещё не работает. Где я могу указать путь, который вы привели, а именно home_url('wp-content/plugins/gdpr-cookie-compliance/dist/styles/lity.css') ... Я знаю HTML/CSS, но не PHP

Roman

24 июл. 2019 г. 16:55:52

Показать остальные 3 комментариев

nmr 4.52K · Answer 1 · 2019-07-24T16:09:12Z

Хук, который вам нужен, это wp_head.

functions.php

add_action( 'wp_head', 'se343581_add_preload_tag', 5);
function se343581_add_preload_tag()
{
    echo '<link rel="preload" href="'. 
         plugins_url('/gdpr-cookie-compliance/dist/styles/lity.css') .
         '" as="style">';
    //
    // -- если добавлено в файле плагина --
    // echo '<link rel="preload" href="' . plugin_dir_url( __FILE__ ) . 'some_subdir/file_name.css" as="style">';
}

nmr

4.52K

24 июл. 2019 г. 16:09:12