Come aggiungere un tag HTML <rel=preload> nell'Header?

Question

Come aggiungere un tag HTML <rel=preload> nell'Header?

24 lug 2019, 15:37:08

Visualizzazioni: 18.2K

Voti: 1

Dal momento che il report Google Speed Insights suggerisce di aggiungere

per velocizzare il caricamento delle seguenti risorse

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

sul sito web https://www.myoutlet.lt

Il sito utilizza il tema Avada.

Mi chiedo come potrei realizzare questo!

Nello specifico, ho dato un'occhiata al file header.php sia del tema principale che del child theme, ma poiché sono codificati in PHP non riesco a capire autonomamente come aggiungere del codice HTML.

Dovrebbe esserci sicuramente un modo per iniettare HTML nella pagina web utilizzando qualche funzione PHP nel file header.php. Come junior SEO ho acquisito una certa comprensione tecnica, ma sono molto lontano dall'essere uno sviluppatore.

Chi mi mostrerà la strada avrà la mia eterna gratitudine! Grazie mille in anticipo per qualsiasi prezioso suggerimento.

Che la forza sia con voi, Roman

P.S.: Devo ottenere questo manualmente, senza alcun plugin (il sito è già piuttosto lento di per sé!)

Roman

23

template

Tutte le risposte alla domanda

Commenti

Siiamo un po' più precisi, per favore. In quale file dovrei aggiungere lo snippet che hai postato? functions.php oppure header.php? Sarà sufficiente questo o devo aggiungere altro da qualche altra parte?

Roman

24 lug 2019 16:32:44

Ho provato a fare quello che mi hai detto nel file header.php, ma non ha funzionato! Mi serve un'introduzione più descrittiva... non siamo tutti nati programmatori x)

Roman

24 lug 2019 16:43:21

Puoi aggiungere questo codice a functions.php o al file principale del plugin.

nmr

24 lug 2019 16:46:40

Devo implementare questa soluzione alternativa attraverso il functions.php; quindi, chiariamo bene: ho aggiunto questo snippet alla fine del 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 lug 2019 16:54:43

E ancora non funziona. Dove posso definire il percorso che hai postato, ovvero home_url('wp-content/plugins/gdpr-cookie-compliance/dist/styles/lity.css') ... Conosco HTML/CSS ma non PHP

Roman

24 lug 2019 16:55:52

Mostra i restanti 3 commenti

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

L'hook che stai cercando è 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">';
    //
    // -- se aggiunto nel file del plugin --
    // echo '<link rel="preload" href="' . plugin_dir_url( __FILE__ ) . 'some_subdir/file_name.css" as="style">';
}

nmr

4.52K

24 lug 2019 16:09:12