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