Mantys CoreGuide e knowledge base
Prestazioni WordPress in pratica, spiegate senza gergo.
Come velocizzare un sito Divi e migliorare i suoi Core Web Vitals (passo dopo passo)
Un sito Divi può essere veloce se si ottimizza nell'ordine giusto, prima le immagini, poi il CSS, poi il JavaScript, iniziando dalle leve che non possono rompere nulla prima di toccare quelle che possono.
Perché il mio menu hamburger si apre solo al secondo clic?
Se ha attivato un JavaScript delay (caricamento degli script al primo clic o dopo un timer), il primissimo tocco sull'hamburger risveglia il caricamento degli script, non apre il menu. Il menu risponde solo al secondo tocco. La soluzione: isolare lo script del menu e le sue dipendenze dal delay, oppure, meglio ancora, dotarlo di un menu vanilla senza dipendenze.
Quali ottimizzazioni può attivare senza alcun rischio di rompere il suo sito?
Esiste un'intera famiglia di ottimizzazioni che non può rompere il suo sito, perché riducono il peso dei file o forniscono indicazioni al browser, senza mai modificare ciò che viene eseguito. Inizi da queste: le fanno ottenere l'essenziale, a occhi chiusi.
Perché il mio critical CSS ha rotto il menu / overlay (appare aperto al caricamento)?
I generatori di critical CSS mantengono solo gli stili per ciò che è visibile nella parte superiore della pagina al caricamento. Gli elementi nascosti di default e aperti al click (menu mobile, overlay di ricerca, modale, drawer) vengono giudicati inutili e rimossi. Il risultato: al caricamento, appaiono aperti, rotti, privi di stile.
Perché PageSpeed Insights continua a dire “Dimensiona le immagini correttamente” anche se ho un srcset?
Srcset offre al browser un elenco di dimensioni, ma è l'attributo sizes a dirgli quale scegliere. Se sizes manca, è sbagliato o viene ignorato, il browser scarica l'immagine più grande dell'elenco, e PageSpeed lo segnala, srcset o meno.