Un utente ha chiesto informazioni su Autoptimize di Wordpress

2.4.4 Google Fonts

Un utente ha chiesto 👇

Ciao,

Con 2.4.2, i miei caratteri Google si caricano bene quando “Unisci e carichi in modo sincrono i caratteri con webfont.js” e non ho alcun problema.

Tuttavia, con 2.4.4, tutti i caratteri si caricano bene sul sito, ad eccezione dei caratteri di Google utilizzati nelle diapositive principali di Slider Revolution: diventano caratteri di base quando webfont.js è abilitato.

Qualche aiuto con questo? Presumo che si riferisca alla seguente modifica “Ottimizzazione di Google Fonts, raccomandazione per @nextendweb (reputazione Smartslider3)!”?

Autore del plugin

(@optimizingmatters)

2 anni, 2 mesi fa

interessante .. potresti pubblicare un output JS con 2.4.2 rispetto a quello che ha prodotto 2.4.4 qui @kingyyyy?

(@nextendweb)

2 anni, 2 mesi fa

Ciao @kingyyyy, @optimizingmatters,
Tutti nel settore utilizzano la stessa libreria per caricare Google Fonts: https://github.com/typekit/webfontloader

Il problema è che non supporta molti casi: https://github.com/typekit/webfontloader/issues/309 Se avesse funzionato con la versione precedente avrebbe potuto essere fortunato. Ho fatto alcuni test e c’era una differenza quando il carattere non era nella cache del browser e quando era nella cache. Puoi controllare il tuo sito tutto il tempo con la cache del browser abilitata e perdere quando non funzionava.

E per correggere ciò che ho suggerito Autoptimize, gli sviluppatori possono aggiungere i loro caratteri Google al caso Automize Web Font Loader, nel qual caso funziona correttamente. Ma ovviamente gli sviluppatori di plug-in devono ancora apportare piccole modifiche al codice esistente per supportare lo scenario di ottimizzazione automatica.

La nostra soluzione non è un segreto:

var fontData = {
    google: {
        families: {}
    }
};

if (typeof WebFontConfig !== 'undefined' && typeof WebFont === 'undefined') {
    for (var k in WebFontConfig) {
        if (k === 'google') {
            if (typeof WebFontConfig.google.families !== 'undefined') {
                for (var i = 0; i < WebFontConfig.google.families.length; i++) {
                    fontData.google.families.push(WebFontConfig.google.families[i]);
                }
            }
        } else {
            fontData[k] = WebFontConfig[k];
        }
    }
}
if (typeof WebFont === 'undefined') {
    WebFontConfig = fontData;
} else {
    WebFont.load(fontData);
}

Probabilmente devi solo contattare Slider Revolution per risolvere il problema, è una soluzione facile.

Lanciatore di thread

(@kingyyyy)

2 anni, 2 mesi fa

@optimizingmatters Non sto davvero mostrando come visualizzare l’output JS o dove cercarlo. Fammi sapere e lo rimuoverò al più presto.

@nextendweb spero che lo implementino!

Autore del plugin

(@optimizingmatters)

2 anni, 2 mesi fa

alla visualizzazione OS 2.4.2 di origine della tua home page e copia e incolla il contenuto del tag script che mantiene il javascript inline del webfontloader (o HTML completo) in pastebin.com incolla

poi lo stesso in AO 2.4.4 e forniscimi l’url della 2 paste.

Lanciatore di thread

(@kingyyyy)

2 anni, 2 mesi fa

Ecco @optimizingmatters

2.4.2: https://pastebin.com/s6xU4Bfp

2.4.4: https://pastebin.com/5buMZz7r

2.4.2 ha un solo codice JS con webfont, mentre 2.4.4 ha 2 nell’intestazione.

Lanciatore di thread

(@kingyyyy)

2 anni, 2 mesi fa

Trovo anche i seguenti 2 errori di audit: https://i.gyazo.com/0f64dca345b26732ec73bff6a22ba7e7.png

Quando sono in 2.4.2 non ricevo errori. Presumo che appartenga ai caratteri.

Lanciatore di thread

(@kingyyyy)

2 anni, 2 mesi fa

Hmm, ora mostra la rimozione degli errori: https://i.gyazo.com/173a0da46706996afd71c2796e3e2639.png

Lanciatore di thread

(@kingyyyy)

2 anni, 2 mesi fa

Ok, ho risolto il problema precaricando i caratteri (scaricati sul mio server) tramite le opzioni globali di Slider Revolution: https://i.gyazo.com/5fae8070d8c28205a8009188d24a6b55.png

Quello che voglio chiedere, non ottenendo i server di Google come https di per sé e caricando dal mio server, è questa la cosa migliore o rallenterà il sito tramite risorse extra e larghezza di banda / ridurrà il punteggio della pagina di Google?

Autore del plugin

(@optimizingmatters)

2 anni, 2 mesi fa

meglio caricare dal tuo server in generale 🙂

Was this helpful?

0 / 0

Lascia un commento 0

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