Mantys CoreGuide e knowledge base
Prestazioni WordPress in pratica, spiegate senza gergo.
Perché il mio mini carrello WooCommerce smette di comparire quando attivo Remove Unused CSS?
In una frase: il pannello del mini carrello resta nascosto finché qualcuno non ci passa sopra col mouse, quindi un passaggio used-CSS ne rimuove gli stili e un ritardo JavaScript ne blocca l'apertura. Torna a funzionare non appena si mantengono i suoi stili in una safelist e si lasciano eseguire i suoi script, cart fragments incluso.
Come velocizzare un sito Divi e migliorare i suoi Core Web Vitals (passo dopo passo)
In sintesi: 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?
In una frase: 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?
In una frase: 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)?
La sintesi in una frase: 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?
In una frase: 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.