La pagina è lenta e PageSpeed Insights segnala silenziosamente dashicons.min.css, 30 KB di icone che non compaiono in nessun elemento visibile. Non hai installato questo file né lo hai inserito nella coda del tuo tema, eppure viene caricato fedelmente per ogni visitatore. Da dove arriva e come lo elimini?

WordPress carica dashicons nel frontend di default per un unico scopo specifico: la barra di amministrazione per gli utenti che hanno effettuato l'accesso. Un visitatore normale non vede mai la barra di amministrazione, ma il browser scarica diligentemente il CSS, lo analizza, costruisce il CSSOM e solo allora si accorge che non serviva nemmeno una classe. Su una connessione mobile lenta, quei 30 KB si traducono in 300-400 ms extra di tempo di caricamento bloccante per il rendering, sufficienti a penalizzare i tuoi Core Web Vitals.

Ecco tre modi per disabilitare dashicons: da uno snippet manuale a un singolo checkbox in un plugin di ottimizzazione. Tutti i metodi sono sicuri, reversibili e testati su installazioni WordPress reali.

💡 Panoramica rapida:

• Apri DevTools o PageSpeed Insights e verifica che dashicons.min.css venga effettivamente caricato sul tuo sito
• Scegli l'approccio più adatto al tuo flusso di lavoro: codice in functions.php o un plugin di ottimizzazione già pronto
• Testa di nuovo le performance e verifica che il file sia scomparso dal report
• Assicurati che la barra di amministrazione funzioni ancora senza errori per gli amministratori

Cosa sono le dashicons e perché vengono caricate nel frontend

Le dashicons sono il font di icone integrato di WordPress, introdotto nella versione 3.8. All'interno del pannello di amministrazione compaiono ovunque: icone delle sezioni del menu, icone dei tipi di post, pulsanti della barra degli strumenti. Senza dashicons l'area di amministrazione si riduce a solo testo e WordPress non può farne a meno.

Il problema sta nel meccanismo di registrazione. Il core registra gli stili dashicons globalmente e li aggiunge alla coda non solo per l'amministrazione ma anche per il frontend, tutto per un unico scenario: un utente che ha effettuato l'accesso visita il sito e vede la striscia nera della barra di amministrazione con le icone. I visitatori non vedono la barra, ma ricevono comunque il file CSS. Il browser lo analizza, scopre che nessun selettore ha trovato corrispondenza e butta via il risultato, ma il tempo è già stato speso.

PageSpeed Insights e GTmetrix segnalano dashicons.min.css nella raccomandazione "Rimuovi CSS inutilizzato" e sottraggono punti. Un file come questo può sembrare irrilevante. Ma quando sopra si accumulano stili emoji di WordPress, CSS di plugin inutilizzati e blocchi tema morti, il risparmio complessivo raggiunge 150-300 KB. Per le performance mobile fa la differenza.

Come verificare se le dashicons vengono caricate sul tuo sito

Prima di disabilitare qualsiasi cosa, conferma che il problema esista. Tre metodi, ciascuno in meno di un minuto.

Chrome DevTools. Apri il sito in modalità incognito (così la barra di amministrazione non influisce sul test), premi F12, vai alla scheda Network e digita dashicons nel campo filtro. Se vedi un file con stato 200 e una dimensione di circa 30 KB, viene caricato per ogni visitatore.

PageSpeed Insights. Incolla l'URL su pagespeed.web.dev e avvia il test. Espandi la raccomandazione "Rimuovi CSS inutilizzato"; dashicons.min.css sarà elencato con la sua dimensione e il potenziale risparmio in kilobyte.

GTmetrix. Vai alla scheda Waterfall e filtra per dashicons. Anche se il file nella catena di caricamento è contrassegnato come "Low" o "Lowest", blocca comunque il rendering e abbassa il tuo punteggio.

Nessuno di questi metodi ha mostrato il file? Il tuo tema o un plugin di ottimizzazione ha già disabilitato le dashicons e puoi chiudere questo articolo. Lo hai trovato? Procediamo.

Metodo 1: disabilitare via codice in functions.php

L'approccio più leggero e trasparente: un singolo snippet nel functions.php del tuo tema attivo. Il codice deregistra dashicons per tutti i visitatori senza privilegi di amministratore. Per chi amministra il sito le lasciamo intatte e la barra di amministrazione nella dashboard rimane funzionante.

Aggiungi questo codice al functions.php di un tema child o tramite il plugin Code Snippets (più sicuro perché sopravvive ai cambi di tema):

1
/**
2
 * Disable dashicons.min.css on the frontend for everyone,
3
 * except users with administrator rights.
4
 */
5
function sdstudio_disable_dashicons_frontend() {
6
    if ( current_user_can( 'update_core' ) ) {
7
        return;
8
    }
9
    wp_deregister_style( 'dashicons' );
10
}
11
add_action( 'wp_enqueue_scripts', 'sdstudio_disable_dashicons_frontend' );

L'hook wp_enqueue_scripts si attiva quando la coda degli stili viene assemblata nel frontend. current_user_can('update_core') verifica la capacità di aggiornare il core, che di default appartiene solo agli amministratori. Per i visitatori normali il controllo fallisce e wp_deregister_style('dashicons') rimuove completamente il file dalla coda.

Perché deregister invece di dequeue? wp_dequeue_style rimuove lo stile dalla coda ma lo lascia registrato; un altro plugin potrebbe riaggiungere dashicons all'output. wp_deregister_style elimina completamente la registrazione e l'unico modo per riportare il file è una chiamata esplicita a wp_register_style. Per dashicons questa è la scelta giusta: non vuoi che un plugin di social sharing o galleria le ripristini accidentalmente nel frontend.

Precauzioni. Un errore in functions.php può causare una schermata bianca sul sito. Prima di modificare, copia il file in functions.php.bak per un rapido rollback. Usa un tema child o Code Snippets. Controlla due volte la sintassi: ogni parentesi e punto e virgola al proprio posto.

Metodo 2: plugin di ottimizzazione (un checkbox invece del codice)

Se preferisci non toccare PHP, i plugin di performance risolvono lo stesso problema.

Perfmatters. In Generale → Opzioni trovi un interruttore "Disabilita Dashicons". Un clic e il file scompare dal frontend. Perfmatters esclude anche le dashicons dal CSS utilizzato quando Rimuovi CSS inutilizzato è attivo, quindi il problema è coperto due volte. Il plugin è a pagamento, ma affronta dozzine di altri colli di bottiglia di performance, dalla disabilitazione degli stili emoji al controllo dell'heartbeat API.

WP Rocket. In Ottimizzazione file → Ottimizza la distribuzione CSS, attiva "Rimuovi CSS inutilizzato". WP Rocket analizzerà le tue pagine e rimuoverà gli stili inutilizzati, incluso dashicons.min.css. Funziona automaticamente su tutto il sito. Se Rimuovi CSS inutilizzato entra in conflitto con un'altra ottimizzazione, aggiungi dashicons.min.css alla lista di esclusione; WP Rocket ne posticiperà il caricamento invece di rimuoverlo del tutto.

Asset CleanUp (gratuito). Il plugin Asset CleanUp ti permette di disabilitare selettivamente CSS e JS a livello di singole pagine e tipi di contenuto. Vai su Gestione CSS/JS, trova dashicons.min.css e scaricalo a livello di sito. La versione gratuita gestisce la pulizia di base.

Quale metodo scegliere? Se usi già Perfmatters o WP Rocket, usa la funzione integrata; non accumulare codice extra in functions.php. Se il tuo sito gira con un set minimo di plugin e sei a tuo agio con il PHP, lo snippet del metodo 1 è più leggero e non aggiunge dipendenze.

Verifica il risultato

Dopo aver disabilitato le dashicons, apri il sito in modalità incognito e ripeti il controllo della sezione due. Il file dashicons.min.css dovrebbe essere sparito dalla lista delle risorse caricate in DevTools. Esegui un nuovo test PageSpeed Insights; la metrica "Rimuovi CSS inutilizzato" diminuirà e il potenziale risparmio di traffico aumenterà di quei 30 KB.

Il guadagno reale in punti dipende dal tuo stack. Su siti leggeri con solo uno o due problemi CSS, disabilitare le dashicons aggiunge 1-3 punti al punteggio PageSpeed mobile. Su siti appesantiti con dozzine di stili inutilizzati è una goccia nel mare, ma una goccia corretta: ogni kilobyte conta e queste "gocce" sommate portano a un risultato tangibile.

Assicurati di controllare la barra di amministrazione: accedi come amministratore e conferma che la striscia nera in alto venga visualizzata normalmente e che le sue icone siano al loro posto. Il codice del metodo 1 e l'interruttore in Perfmatters lasciano intatte le dashicons per gli amministratori, quindi non noterai alcuna differenza.

⁉️🤔 Domande frequenti

Disabilitare le dashicons influirà sull'aspetto del sito?

Se il tuo tema usa le dashicons per le icone del frontend (frecce dello slider, pulsanti di chiusura, menu hamburger), disabilitarle romperà quegli elementi. Il test è semplice: disabilita il file e naviga tra le pagine. Se le icone spariscono, il tema dipende dalle dashicons. In quel caso usa una cache aggressiva tramite Cloudflare o un plugin di caching: 30 KB serviti dalla cache del browser non sono critici.

Questo metodo funziona con i temi a blocchi (FSE)?

Nei temi a blocchi come Twenty Twenty-Four, Ollie e simili, le dashicons di solito non vengono caricate nel frontend. L'editor a blocchi usa le proprie icone SVG e il core non inserisce il font di icone nella coda per i visitatori. Verifica tramite DevTools: è probabile che il file non ci sia. Se invece lo trovi, il codice del metodo 1 funziona allo stesso modo per i temi classici e a blocchi.

Posso disabilitare le dashicons solo per certe pagine?

Sì, usando i tag condizionali di WordPress. Ad esempio, per mantenere le dashicons solo sulla homepage:

1
function sdstudio_conditional_dashicons() {
2
    if ( is_front_page() ) {
3
        return;
4
    }
5
    if ( current_user_can( 'update_core' ) ) {
6
        return;
7
    }
8
    wp_deregister_style( 'dashicons' );
9
}
10
add_action( 'wp_enqueue_scripts', 'sdstudio_conditional_dashicons' );

Tutti i tag condizionali disponibili sono descritti nella documentazione di WordPress. Includono is_single per i singoli articoli, is_page per le pagine, is_archive per gli archivi e is_home per l'indice del blog.

Ho già un plugin di caching che velocizza il sito. Dovrei comunque disabilitare le dashicons?

Un plugin di caching velocizza le visite ripetute, ma la prima visita a freddo scarica comunque dashicons.min.css. PageSpeed Insights emula una cache pulita a ogni test, quindi il file apparirà nel report indipendentemente dalla cache lato server. Disabilitare le dashicons riduce i dati trasferiti alla fonte; ne beneficiano sia le metriche che i visitatori reali alla loro prima visita.

Disabilitare le dashicons è sufficiente per un buon punteggio PageSpeed?

No, è solo un passo tra dozzine. I guadagni maggiori di solito arrivano dall'ottimizzazione delle immagini (compressione, formati moderni, lazy loading), dal caricamento differito di JavaScript e dalla cache lato server. Pensa a disabilitare le dashicons come a un'operazione di igiene di base: rapida, sicura, con un effetto misurabile. È un comodo punto di partenza per pulire il frontend.

Quale metodo scegliere per la tua situazione

Un rapido riepilogo dei tre metodi e scenari specifici.

Se lavori con il codice e il tuo sito gira su uno stack snello, prendi lo snippet del metodo 1. Due minuti per incollarlo in functions.php o Code Snippets e la questione è chiusa per sempre. Nessun plugin extra, nessun carico aggiuntivo sull'amministrazione.

Se paghi già Perfmatters o WP Rocket, attiva l'opzione integrata e non creare entità superflue. Questi plugin risolvono un'altra dozzina di problemi di performance in un colpo solo e codice aggiuntivo nel tema complica solo la manutenzione.

Se ti serve uno strumento gratuito senza modificare PHP, Asset CleanUp gestisce il compito in due clic. È adatto ai principianti e a chi preferisce non rischiare di rompere functions.php.

Il principio generale: le dashicons da sole non rendono lento un sito. Ma fanno parte del rumore di fondo che, insieme a stili di plugin inutilizzati, font pesanti e immagini non ottimizzate, intasa il canale e rallenta il rendering. Rimuovere le dashicons è una vittoria rapida e un comodo punto di partenza per un'ottimizzazione sistematica.

Le hai disabilitate? Lascia un commento e condividi quanti punti PageSpeed hai guadagnato. Se conosci un altro metodo non trattato in questo articolo, condividi anche quello.