{"id":24057,"date":"2024-01-07T12:28:10","date_gmt":"2024-01-07T12:28:10","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24057"},"modified":"2025-04-17T11:29:17","modified_gmt":"2025-04-17T10:29:17","slug":"professionista-della-pulizia-delle-risorse","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/it\/guida-alla-velocita-della-pagina\/professionista-della-pulizia-delle-risorse\/","title":{"rendered":"Pulizia delle risorse Pro"},"content":{"rendered":"
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Controllo Caricamento<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Utilizzo\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Asset Cleanup Pro \u00e8 la chiave per una buona ottimizzazione<\/p>\n

Riprendi il controllo del tuo sito web<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Scarica la versione Pro<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tScarica la versione Pro\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a> <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cosa c'\u00e8 Pulizia delle risorse<\/span> professionista?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Asset Cleanup Pro \u00e8 un plugin per WordPress che \u00e8 uno strumento di ottimizzazione. Contiene molte funzionalit\u00e0 che ti permetteranno di ottimizzare il tuo sito web fino al livello pi\u00f9 piccolo. Esistono strumenti simili che sono pi\u00f9 facili da usare come Hummingbird o Autoptimize, ma nessuno di loro ha le funzionalit\u00e0 di Asset Cleanup Pro.<\/p>\n

Ci sono una miriade di opzioni che esaminer\u00f2 qui. Non fornir\u00f2 una vera e propria guida per l'utente, c'\u00e8 invece una buona guida video che mostra le funzionalit\u00e0 principali. Puoi anche leggere il Documentazione utente sulla pulizia delle risorse<\/strong><\/a>\u00a0quindi non ha senso riscriverlo. Ti fornir\u00f2 comunque una panoramica scritta delle funzioni e di cosa fare per velocizzare il tuo sito web.<\/p>\n

La cosa principale \u00e8 sapere che puoi impostare ottimizzazioni a livello di sito con un clic e ottimizzare i programmi pagina per pagina. \u00c8 qui che entra in gioco. Puoi scaricare gli script che non utilizzi su determinate pagine, riducendo cos\u00ec il peso complessivo della pagina.<\/p>\n

Quando si ottimizza, \u00e8 meglio farlo dentro Modalit\u00e0 di navigazione in incognito di Chrome<\/strong><\/a> e svuota le cache ad ogni modifica. In questo modo potrai vedere le versioni pi\u00f9 aggiornate del tuo sito web nel tuo browser. Inoltre, non dimenticare di controllare il tuo sito web una volta effettuato l'accesso fuori<\/u> di WordPress. La cache a volte entra in vigore solo quando sei completamente disconnesso. Se Asset Cleanup Pro sta memorizzando qualcosa nella cache e non lo vedi, potresti non renderti conto che qualche codice \u00e8 rotto.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Controllo Caricamento<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Utilizzo\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Asset Cleanup Pro \u00e8 la chiave per una buona ottimizzazione<\/p>\n

Riprendi il controllo del tuo sito web<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Scarica la versione Pro<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tScarica la versione Pro\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a>\n\t
\n\t\t
\n\t\t\t

Cosa c'\u00e8 Pulizia delle risorse<\/span> professionista?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Asset Cleanup Pro \u00e8 un plugin per WordPress che \u00e8 uno strumento di ottimizzazione. Contiene molte funzionalit\u00e0 che ti permetteranno di ottimizzare il tuo sito web fino al livello pi\u00f9 piccolo. Esistono strumenti simili che sono pi\u00f9 facili da usare come Hummingbird o Autoptimize, ma nessuno di loro ha le funzionalit\u00e0 di Asset Cleanup Pro.<\/p>\n

Ci sono una miriade di opzioni che esaminer\u00f2 qui. Non fornir\u00f2 una vera e propria guida per l'utente, c'\u00e8 invece una buona guida video che mostra le funzionalit\u00e0 principali. Puoi anche leggere il Documentazione utente sulla pulizia delle risorse<\/strong><\/a>\u00a0quindi non ha senso riscriverlo. Ti fornir\u00f2 comunque una panoramica scritta delle funzioni e di cosa fare per velocizzare il tuo sito web.<\/p>\n

La cosa principale \u00e8 sapere che puoi impostare ottimizzazioni a livello di sito con un clic e ottimizzare i programmi pagina per pagina. \u00c8 qui che entra in gioco. Puoi scaricare gli script che non utilizzi su determinate pagine, riducendo cos\u00ec il peso complessivo della pagina.<\/p>\n

Quando si ottimizza, \u00e8 meglio farlo dentro Modalit\u00e0 di navigazione in incognito di Chrome<\/strong><\/a> e svuota le cache ad ogni modifica. In questo modo potrai vedere le versioni pi\u00f9 aggiornate del tuo sito web nel tuo browser. Inoltre, non dimenticare di controllare il tuo sito web una volta effettuato l'accesso fuori<\/u> di WordPress. La cache a volte entra in vigore solo quando sei completamente disconnesso. Se Asset Cleanup Pro sta memorizzando qualcosa nella cache e non lo vedi, potresti non renderti conto che qualche codice \u00e8 rotto.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cosa c'\u00e8 Pulizia delle risorse<\/span> professionista?<\/h1>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Asset Cleanup Pro \u00e8 un plugin per WordPress che \u00e8 uno strumento di ottimizzazione. Contiene molte funzionalit\u00e0 che ti permetteranno di ottimizzare il tuo sito web fino al livello pi\u00f9 piccolo.<\/p>\n

Esistono strumenti simili l\u00e0 fuori che sono pi\u00f9 facili da usare come Hummingbird o Autoptimize ma nessuno di loro ha la funzionalit\u00e0 che Pulizia delle risorse Pro<\/strong><\/a> ha.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Utilizzo\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Ci sono una miriade di opzioni che esaminer\u00f2 qui. Non fornir\u00f2 una vera e propria guida per l'utente, c'\u00e8 invece una buona guida video che mostra le funzionalit\u00e0 principali. Puoi anche leggere il Documentazione utente sulla pulizia delle risorse<\/strong><\/a>\u00a0quindi non ha senso riscriverlo. Ti fornir\u00f2 comunque una panoramica scritta delle funzioni e di cosa fare per velocizzare il tuo sito web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

La cosa principale \u00e8 sapere che puoi impostare ottimizzazioni a livello di sito con un clic e ottimizzare i programmi pagina per pagina. \u00c8 qui che entra in gioco. Puoi scaricare gli script che non utilizzi su determinate pagine, riducendo cos\u00ec il peso complessivo della pagina.<\/p>\n

Quando si ottimizza, \u00e8 meglio farlo dentro Modalit\u00e0 di navigazione in incognito di Chrome<\/strong><\/a> e svuota le cache ad ogni modifica. In questo modo potrai vedere le versioni pi\u00f9 aggiornate del tuo sito web nel tuo browser.<\/p>\n

Inoltre, non dimenticare di controllare il tuo sito web una volta effettuato l'accesso fuori<\/u> di WordPress. La cache a volte entra in vigore solo quando sei completamente disconnesso. Se Asset Cleanup Pro sta memorizzando qualcosa nella cache e non lo vedi, potresti non renderti conto che qualche codice \u00e8 rotto.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t\n\t\t
\n\t\t\t\"Asset<\/a>\n\t\t<\/figure>\n\t<\/div>\n
\n Scarica la versione Pro<\/span>\n \t
\n\t \t\n\t \t\t\n\t \t\t\tScarica la versione Pro\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a><\/div><\/div><\/div><\/div> <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Caratteristiche e vantaggi di Pulizia delle risorse Pro<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Come Ottimizzare<\/span> Il tuo sito web<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
\n
\n

\n \n <\/span>\n <\/span>\n <\/span>\n Dai un'altra occhiata al tuo sito web<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

La prima cosa da fare \u00e8 dargli uno sguardo logico. Ci sono caratteristiche particolari che vuoi mantenere o tralasciare? Ci sono plugin in esecuzione su una pagina che non necessitano di essere presenti?<\/p>\n

Dammi Un esempio<\/span><\/p>\n

I moduli di contatto sono comuni. Molte persone li hanno nel pi\u00e8 di pagina o sparsi ovunque. Ne hai davvero bisogno? Se qualcuno dovesse contattarti, andrebbe alla pagina dei contatti. \u00c8 molto raro che qualcuno utilizzi un modulo di contatto nel pi\u00e8 di pagina, quindi perch\u00e9 averlo l\u00ec?<\/p>\n

Gli script dei moduli di contatto sono piuttosto pesanti, generalmente 50kb-80kb e carichi di CSS. Ora quel piccolo modulo nel tuo pi\u00e8 di pagina sta forzando la pagina a caricare quegli script ad ogni caricamento della pagina. Non sarebbe meglio avere i moduli di contatto su una pagina logica e caricare solo gli script di contatto su quella pagina?<\/p>\n

Questo \u00e8 il genere di cose di cui si occupa l'ottimizzazione. Con Asset Cleanup Pro puoi andare al tuo 'Contattaci<\/a>' e scarica gli script del modulo di contatto in tutto il sito tranne quella pagina. Ora hai risparmiato 50-80kb di peso della pagina riorganizzando i moduli di contatto in modo pi\u00f9 logico.<\/p>\n

Posso Fai questo<\/span> Con tutti gli script?<\/p>\n

S\u00ec, pi\u00f9 o meno. \u00c8 anche molto utile con il branding. Spesso pagespeed significa ridurre leggermente il tuo sito web. Ma il tuo marchio potrebbe dipendere dall\u2019aspetto e dalle funzionalit\u00e0 che hai sul tuo sito web. Quindi pensa alla struttura del tuo sito web tenendo presente il marchio. Crea pagine pi\u00f9 semplici come questa stessa pagina, quindi creane di nuove con il tuo marchio dappertutto come la mia Pagina iniziale<\/strong><\/a>.<\/p>\n

Finch\u00e9 le tue pagine di destinazione sono ottimizzate, questo \u00e8 davvero tutto ci\u00f2 che conta. Non sacrificare mai il branding per la velocit\u00e0 della pagina. Rende semplicemente il tuo sito web orribile mentre lo spogli sempre pi\u00f9 in basso. Superare 90% su Google Insights \u00e8 abbastanza semplice su desktop, ma su dispositivi mobili \u00e8 una storia diversa. I criteri sono molto pi\u00f9 severi in quanto i dati dipendono dalle velocit\u00e0 di rete 4G simulate. Non lasciarti ossessionare. Finch\u00e9 si carica velocemente e ha un punteggio mobile negli anni '70, tutto andr\u00e0 bene. Giusto perch\u00e9 tu lo sappia, il punteggio medio globale al momento in cui scrivo \u00e8 38% su dispositivo mobile.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Rinviare e precaricare CSS\/JS<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Rinviare il codice significa caricare una parte di codice pi\u00f9 avanti nel processo. Precaricare o Async significa caricarlo il prima possibile insieme ad altri file. Con il caricamento asincrono, il browser elaborer\u00e0 i file insieme ad altri file per evitare qualsiasi blocco del rendering. Il rinvio non lo caricher\u00e0 affatto fino alla fine del processo di caricamento.<\/p>\n

Ottenere UN<\/a> buon punteggio pagespeed e tempi di caricamento rapidi, \u00e8 necessario posticipare immediatamente il caricamento degli script che non sono necessari. Ci\u00f2 su cui ti concentri \u00e8 "above the fold" contenuto<\/a>. Vale a dire quello che vedi quando carichi la pagina per la prima volta. Non \u00e8 necessario caricare nulla nel footer o nelle immagini pi\u00f9 in basso nella pagina, solo il contenuto in alto.<\/p>\n

\u00c8 qui che pu\u00f2 creare confusione perch\u00e9 non \u00e8 sempre ci\u00f2 che vedi che deve essere caricato. Ad esempio, potresti avere alcune routine JS che hanno dipendenze su un altro file. Ci\u00f2 significa che il file JS "genitore" deve essere caricato affinch\u00e9 la subroutine JS figlio funzioni. Uno comune che emerge nei rapporti di Google Insights \u00e8 il JQUERY<\/strong> file. Questo \u00e8 un file framework da cui dipendono molti altri file JS per funzionare. Puoi provare a scaricarlo, ma molto probabilmente otterrai degli errori. Il mio consiglio \u00e8 di tenerlo carico e risparmiarti molti mal di testa. Puoi comunque ottenere punteggi elevati anche durante il caricamento.<\/p>\n

Il precaricamento presenta problemi simili. \u00c8 fantastico che i file vengano caricati senza blocco del rendering, ma la chiave qui \u00e8 che i file vengono scaricati insieme ad altri file. Ci\u00f2 \u00e8 particolarmente vero con i file JS e pu\u00f2 causare alcuni problemi. Anche questo \u00e8 dovuto alle dipendenze. Se il download di un file JS principale non \u00e8 stato completato prima dell'inizio del download dello script figlio, lo script figlio non potr\u00e0 funzionare causando errori.<\/p>\n

Lo stesso si pu\u00f2 dire dei file CSS, ma non causer\u00e0 errori di base, piuttosto problemi di layout. La maggior parte dei temi ha un file "modulo" principale che contiene la maggior parte del codice CSS che costituisce gli elementi costitutivi del tuo sito web. Questo file dovrebbe essere mantenuto caricato per evitare errori e spostamento del layout<\/a> problemi, e normalmente \u00e8 piuttosto grande. \u00c8 qui che entrano in gioco i CSS critici e il precaricamento, ma ne parleremo pi\u00f9 avanti Caricamento rapido<\/a><\/strong> pagina.<\/p>\n

Quindi la cosa da fare \u00e8 guardare il video, poi andare pagina per pagina e spuntare le caselle per rinviare o precaricare il file da ogni pagina. Se \u00e8 qualcosa che non \u00e8 necessario caricare, seleziona la casella per scaricarlo in tutto il sito e verr\u00e0 scaricato su tutte le pagine. Esegui solo uno o due codici alla volta, svuota la cache e controllala. Se ne fai troppi e si rompe, diventa un po' un lavoro investigativo per vedere quale ha rotto il sito web!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Le basi dell'ottimizzazione<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

La modifica dell'ordine di caricamento utilizzando Asset Cleanup Pro \u00e8 una delle basi per ottimizzare il tuo sito web. Tuttavia, \u00e8 la fase che richiede pi\u00f9 tempo nel processo di pagespeed. Un buon consiglio \u00e8 lavorare con i plugin prima di affrontare i file del tema. Questo perch\u00e9 \u00e8 facile vedere quali plugin vengono caricati sulla pagina e giudicare se hai bisogno dei file o meno. Alcune funzioni del tema potrebbero essere meno ovvie e sono i file del tema che spesso causano la maggior parte degli errori. Potrebbe non essere necessario caricare qualcosa sull'intero sito Web, a parte una pagina critica, ed \u00e8 facile perdere un'icona non caricata o un carosello mancante, ecc.<\/p>\n

E allora Dovrei<\/span> Fare?<\/p>\n

Come affermato, ci sono molte fasi per l'ottimizzazione e questa \u00e8 la prima. Per fortuna \u00e8 anche il pi\u00f9 complesso. Una volta caricati i plug-in solo dove devono essere e soddisfatto che tutto funzioni, eseguirei un nuovo backup del sito. Quindi fai a pagespeed<\/a> prova per ottenere un punteggio, annotalo e passa a un'altra fase che ti d\u00e0 fastidio nel rapporto Approfondimenti. Forse prova l'ottimizzazione dell'immagine o organizzatore di plug-in<\/a> trucco se il caricamento dei contenuti \u00e8 intenso sui dispositivi mobili.<\/p>\n

Un altro piccolo suggerimento particolarmente utile quando si rinviano i file JS \u00e8 fare clic con il pulsante destro del mouse sulla finestra di Chrome e fare clic su "Ispeziona". Questo fa apparire una finestra che mostra tutto il caricamento del codice sullo schermo. Ora aggiorna la pagina web. Se vedi una piccola icona rossa con una croce sopra nella parte superiore della finestra del codice di Chrome, fai clic su di essa. Questo ti informer\u00e0 di eventuali errori nella pagina. Guarda qual \u00e8 l'errore e abbinalo ai nomi dei file sulla tua pagina. Reimposta ci\u00f2 che hai fatto l'ultima volta (o smetti di rinviare JQUERY se lo hai provato). Aggiorna la pagina web e verifica se l'errore \u00e8 scomparso. Se \u00e8 sparito, sai di non rinviare quel particolare file.<\/p>\n

Non provare a fare tutto in una sola seduta. Rilassati, esegui i plug-in, quindi il tema stesso una volta che ti senti a tuo agio con l'interfaccia utente di Asset Cleanup.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Scaricamento delle funzionalit\u00e0 principali<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

All'inizio del video noterai che l'host sta parlando dell'eliminazione delle funzionalit\u00e0 principali di WordPress. Presta particolare attenzione a questo perch\u00e9 \u00e8 un attributo di Asset Cleanup Pro che non troverai altrove. Ti consente di eliminare il codice principale inutilizzato che pu\u00f2 ridurre seriamente il peso del tuo sito web.<\/p>\n

WordPress \u00e8 cos\u00ec grande che raramente abbiamo bisogno di qualcosa di simile a tutto ci\u00f2 che ha da offrire, quindi riduciamolo. Asset Cleanup Pro rende questo processo cos\u00ec semplice poich\u00e9 tutto ci\u00f2 che devi fare \u00e8 accedere all'area di amministrazione del plug-in e piccoli interruttori attivano e disattivano le funzionalit\u00e0. Nessuna codifica richiesta!<\/p>\n

Cosa fa Ogni caratteristica<\/span> Fare?<\/p>\n

Con il caricamento dei caratteri, lo approfondiremo una volta arrivati al file Oh mio Dio<\/a><\/strong> pagina. Una volta terminato il download dei caratteri sul server, possiamo bloccare tutte le chiamate in uscita a Google Fonts tramite Asset Cleanup Pro. Tutto quello che devi fare \u00e8 cliccare su Avanzate e spuntare la casella. Non farlo ancora perch\u00e9 caricher\u00e0 solo i caratteri di sistema predefiniti che sembrano terribili!<\/p>\n

Un rapido suggerimento sui caratteri<\/strong><\/p>\n

Nelle opzioni del tema, utilizza il minor numero possibile di tipi di carattere. Puoi utilizzare caratteri di peso diverso per i titoli, ecc., ma non utilizzare tipi diversi. I file di stile dei caratteri sono grandi e la scelta di un carattere solido non solo sembra coerente, ma aiuta davvero la velocit\u00e0.<\/p>\n

La maggior parte delle persone pu\u00f2 disabilitare il servizio Pingback XML-RPC. Questo chiude anche alcune porte agli attacchi al tuo sito web. Non potrai disabilitare se utilizzi servizi di blogging esterni, Jetpack o hai un'app collegata al tuo sito. Tuttavia, se non hai nulla di tutto questo, disabilitalo.<\/p>\n

I commenti sono abbastanza esplicativi. Se non li usi, disabilitalo. Se lo fai, tienilo caricato. La stessa cosa si pu\u00f2 dire per gli EMOJI e i Dashicon. Se utilizzi un pagebuilder come Elementor o WP-Bakery, disabilita anche Gutenberg. Questo carica un bel po' di codice che non \u00e8 necessario. Il tuo pagebuilder lo gestir\u00e0.<\/p>\n

Con la pulizia del codice sorgente HTML, puoi praticamente eliminarli tutti. Ci sono istruzioni nella pagina, quindi leggile per essere sicuro di non utilizzare nessuna delle funzionalit\u00e0.<\/p>\n

Se stai usando Kinsta o qualsiasi altro host web<\/a> con Cloudflare, tu non<\/u> abilitare il servizio CDN. Il CDN lo gestisce gi\u00e0 e causer\u00e0 errori se lo abiliti. Se utilizzi un CDN diverso, inserisci qui il tuo indirizzo CDN. Ci\u00f2 aiuter\u00e0 Asset Cleanup Pro a servire i file dalla posizione corretta nella configurazione.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t

Pulizia delle risorse: guarda il video<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\n\t\t\t