Un utente ha chiesto informazioni su AMP for WP - Accelerated Mobile Pages di Wordpress

Il carattere Poppins causa un punteggio basso nel test di velocità della pagina di Google

Un utente ha chiesto 👇

Ciao,
Il test di velocità della pagina di Google mostra un punteggio di 96 per desktop e 84 per dispositivi mobili. È interessante perché il desktop mostra un punteggio migliore rispetto ai dispositivi mobili. Il carattere Poppins è la ragione principale del basso punteggio mobile. Come sistemarlo?

1. Assicurati che il testo rimanga visibile durante il caricamento del carattere web
Profondità crescente dell’applicazione critica

Il carattere Poppins si aggiunge a entrambi questi errori.

Massima latenza del percorso critico: 1.560 ms
Navigazione anteriore
/ (geekybyte.in)
/ amp / (geekybyte.in)
… Fonts / Poppins-SemiBold.ttf (geekybyte.in) – 170 ms, 61,41 KB
… Fonts / Poppins-Medium.ttf (geekybyte.in) – 170 ms, 62,12 KB
… Fonts / Poppins-Regular.ttf (geekybyte.in) – 170 ms, 62,11 KB
… Caratteri / icomoon.ttf (geekybyte.in) – 160 ms, 55,62 KB

Per favore fatemi sapere la soluzione

(@dirkliesenfeld)

2 anni, 1 mese fa

Forse ho una risposta a questo problema. Ho un bug, ma c’è del lavoro da fare. Ogni volta che Poppins (o qualsiasi altro carattere) viene preso da … / fonts / Poppins … allora non viene utilizzato dal server di Google.
Controlla in WordPress, se
AMP / Design / Famiglia di caratteri Globale / Globale
mostra “Poppins” (Devi aver precedentemente inserito la tua API di Google)
In caso contrario, seleziona Poppins e premi Salva modifiche.
Dopodiché svuota la cache e ricontrolla. Mostrerà valutazioni più alte.

@ampforwp:
Sembra esserci un bug. A volte il sito sotto Global Font Family torna vuoto. L’API è ancora presente, ma la World Font Family sarà vuota. Questo di solito accade quando accedo a WP, accedo e la pagina delle impostazioni si riapre:
AMP / Design / Famiglia di caratteri Globale / Globale
Se in seguito non salvo nessuna opzione, andrà tutto bene. MA, non appena premo “Salva modifiche”, AmpforWP smetterà di utilizzare i caratteri di Google dal server di Google.

Questa risposta è stata modificata 2 anni, un mese fa da. Lanciatore di thread

(@bytegeeky)

2 anni, 1 mese fa

È interessante notare che l’edizione cartacea di Poppins è sparita. Ora viene visualizzato un altro carattere. Come sbarazzarsene?

fonts / icomoon.ttf (geekybyte.in) – 80 ms, 55,61 KB

Inoltre, non ho idea di come aumentare la durata della cache per seguirla in quanto danneggia il punteggio.

Un lungo ciclo di vita della cache può accelerare le visite ripetute alla tua pagina. Per saperne di più.
URL
Cache TTL
Dimensioni (KB)
/v0.js(cdn.ampproject.org)
50 m
72 KB
/v0/amp-analytics-0.1.js(cdn.ampproject.org)
7 d
38 KB
/v0/amp-animation-0.1.js(cdn.ampproject.org)
7 d
30 KB
/v0/amp-form-0.1.js(cdn.ampproject.org)
7 d
13 KB
/v0/amp-accordion-0.1.js(cdn.ampproject.org)
7 d
5 KB
/v0/amp-position-observer-0.1.js(cdn.ampproject.org)
7 d
4 KB

(@dirkliesenfeld)

2 anni, 1 mese fa

È un po ‘più complicato.

Un lungo ciclo di vita della cache può accelerare le visite ripetute alla tua pagina. Per saperne di più.
URL
Cache TTL
Dimensioni (KB)
/v0.js(cdn.ampproject.org)
50 m
72 KB
/v0/amp-analytics-0.1.js(cdn.ampproject.org)
7 d
38 KB
/v0/amp-animation-0.1.js(cdn.ampproject.org)
7 d
30 KB
/v0/amp-form-0.1.js(cdn.ampproject.org)
7 d
13 KB
/v0/amp-accordion-0.1.js(cdn.ampproject.org)
7 d
5 KB
/v0/amp-position-observer-0.1.js(cdn.ampproject.org)
7 d
4 KB

Questi sono file sui server di Google. Non è possibile modificare il ciclo di vita. Ma tutti hanno questo problema, quindi non danneggerà la tua pagina.

È interessante notare che l’edizione cartacea di Poppins è sparita. Ora viene visualizzato un altro font. Come sbarazzarsene?
fonts / icomoon.ttf (geekybyte.in) – 80 ms, 55,61 KB

Me ne sono sbarazzato senza più usarlo sulla pagina. Quindi ho aggiunto CSS personalizzato
AMP / Design / Globale /
.t-btn: dopo {contenuto: ” 2261″; famiglia di caratteri: “sans-serif”;}
.c-btn: dopo {contenuto: ” 2573″; famiglia di caratteri: “sans-serif”;}

PLUS (da confermare)
nel
ENGINEERING-POCKET PAGES TEMPLATES DESIGN-MANAGER SWIFT STYLE.PHP
Riga 46 / * * / comment:
/ * @ font-face {font-family: ‘icomoon’; visualizzazione dei caratteri: auto; stile del carattere: normale; spessore del carattere: normale; src: local (‘icomoon’), lleol (‘icomoon’), url (‘ fonts / icomoon.ttf ‘);} * /

@ampforwp
sarebbe fantastico, se potessimo disabilitare icomoon dalle impostazioni E rendere Poppins stick 😉

Donatore di plugin

(@ampforwp)

2 anni, 1 mese fa

Ciao,

Abbiamo creato un ticket GitHub per questo problema. Correggeremo e aggiungeremo la soluzione nei prossimi aggiornamenti.

Ecco il link: https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/2839

Was this helpful?

0 / 0

Lascia un commento 0

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