Un utente ha chiesto informazioni su Autoptimize di Wordpress

Non caricare i caratteri Google in modo asincrono con webfont.js

Un utente ha chiesto 👇

Ho attivato l’opzione: “Combina e carica sorgenti in modo asincrono con webfont.js” poi ho svuotato una cache e ho potuto vedere il codice inserito nell’HTML ma non riesco a caricare i Google Fonts che utilizzo.

Ho controllato il codice e ho trovato lo script WebFont, ma non so cos’altro potrebbe accadere.

Ho bisogno di aiuto per favore 🙂

Grazie!

Lanciatore di thread

(@lhollowmanl)

2 anni, 3 mesi fa

Stavo cercando qualcos’altro e sono entrato in GTmetrix

################

Ottimizza l’ordine di stili e script – A (92) – CSS / JS

Cosa significa questo?

I seguenti blocchi di script in linea sono stati trovati in https://www.quirovida.com.pe/ tra un file CSS esterno e un’altra risorsa. Per consentire download paralleli, sposta lo script inline prima del file CSS esterno o dopo la risorsa successiva.

Blocco di script in linea n. 1

###############

Sto usando WP-Rocket e ho compilato i miei fogli di stile CSS dalla loro dashboard (stili ed effetti persi con Autoptimize) Tuttavia, grazie a GTmetrix, ho notato che il codice generato da Autoptimize: “Combina e carica i sorgenti in modo asincrono con webfont. Js “viene aggiunto dopo il foglio di stile auto-generato da WP-Rocket.

C’è qualche opzione in modo che il codice generato da Autoptimize da asincrono a webfont.js possa essere caricato prima del css CSS-ROCKET?

Spero che ciò che mi è stato detto sia corretto altrimenti voglio che tu mi guidi.

Grazie

Autore del plugin

(@optimizingmatters)

2 anni, 3 mesi fa

Sono riuscito a vedere il codice inserito nell’HTML ma non riesco a caricare i Google Fonts che utilizzo.

qualcosa (wp rocket?) sta avvolgendo l’oggetto webfontconfig in condizioni di IE;


<!--[if IE]> <script data-cfasync="false" id="ao_optimized_gfonts_config" type="text/javascript">WebFontConfig={google:{families:["Lato:400,700","Titillium Web:regular,600:latin-ext,latin","Open Sans:regular,300,italic:latin-ext,latin","Titillium Web:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic:latin","Open Sans:300,400,600,700,800,300italic,400italic,600italic,700italic,800italic:latin","Open Sans:200","Raleway:600,500"] },classes:false, events:false, timeout:1500};</script><link rel="stylesheet" type="text/css" href="/all-ie-only.css"> <![endif]-->

cosa che ovviamente non sarebbe dovuta accadere.

Penso che dovrai scegliere tra AO e WP Rocket per la minimizzazione e l’ottimizzazione dei caratteri.

C’è qualche opzione in modo che il codice generato da Autoptimize da asincrono a webfont.js possa essere caricato prima del css CSS-ROCKET?

non quello ao_optimized_gfonts_webfontloader JS inline ha davvero bisogno di essere caricato in ritardo nell’intestazione.

Spero che questo aiuti,
onesto

Lanciatore di thread

(@lhollowmanl)

2 anni, 3 mesi fa

La ringrazio molto per la risposta.

Ho fatto quello che mi hai suggerito ma l’errore continua.

1) Disabilita WP-ROCKET e svuota la cache
2) Attiva AO e l’opzione “Combina e carica sorgenti in modo asincrono con webfont.js” ma continua ad aggiungere in IE-Conditional
3) Per evitare problemi sulla mia homepage ho fatto un backup su un altro server: URL http://perubinario.com/qv/ (nessun plugin come WP-ROCKET o HIDE MY WP, ecc.)
4) Vedi che il codice sorgente è lo stesso della pagina web dove eseguo i miei test con WP-ROCKET http://www.quirovida.com.pe

Non so cosa potrebbe succedere.

Autore del plugin

(@optimizingmatters)

2 anni, 3 mesi fa

Ok, mai wp & co rocket, il problema è che AO sta iniettando il blocco webfontconfig JS prima del primo <link che è il tuo caso all’interno di IE condizionale. Avrò un’idea su come risolverlo per la prossima versione di AO.

Autore del plugin

(@optimizingmatters)

2 anni, 3 mesi fa

Va bene

-> correzione immediata; apri wp-content / plugins / autoptimize / classes / autoptimizeExtra.php e cambia online 299

$out = substr_replace( $in, $fonts_markup . '<link', strpos( $in, '<link' ), strlen( '<link' ) );

in

$out = substr_replace( $in, $fonts_markup . '<title', strpos( $in, '<title' ), strlen( '<title' ) );

-> per la prossima versione di AO aggiungerò un filtro per consentire agli utenti di cambiare il “punto di iniezione” con 2 righe di codice.

onesto

Lanciatore di thread

(@lhollowmanl)

2 anni, 3 mesi fa

Incredibile, fantastico! quella era la soluzione. Grazie mille. Muchas gracias 🙂

Autore del plugin

(@optimizingmatters)

2 anni, 3 mesi fa

In ogni caso, sentiti libero di rivedere il plugin e lasciare qui il supporto! 🙂

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *