{"id":244974,"date":"2022-04-07T12:38:00","date_gmt":"2022-04-07T09:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244974"},"modified":"2022-05-16T12:05:39","modified_gmt":"2022-05-16T09:05:39","slug":"come-rinviare-javascript-con-wordpress-per-tempi-di-caricamento-piu-rapidi","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-rinviare-javascript-con-wordpress-per-tempi-di-caricamento-piu-rapidi\/","title":{"rendered":"Come rinviare Javascript con WordPress per tempi di caricamento pi\u00f9 rapidi"},"content":{"rendered":"

Vuoi rinviare Javascript sul tuo sito?<\/p>\n

Se non sei uno sviluppatore, questo pu\u00f2 sembrare un compito insormontabile.<\/p>\n

Il rinvio di Javascript non \u00e8 difficile se hai creato il sito da zero, ma con WordPress \u00e8 probabile che tu abbia un tema e 6-10 plug-in che caricano tutti i propri file Javascript.<\/p>\n

Trovare gli "ganci" di cui hai bisogno per cambiare il modo in cui viene caricato ogni file JS richiederebbe un’eternit\u00e0!<\/p>\n

Fortunatamente, c’\u00e8 un modo molto pi\u00f9 semplice.<\/p>\n

Tutto ci\u00f2 di cui hai bisogno \u00e8 lo strumento giusto.<\/p>\n

Perch\u00e9 dovresti rimandare i file JS<\/h2>\n

Assicuriamoci di essere sulla stessa pagina.<\/p>\n

I browser normalmente caricano i file Javascript prima di tentare di eseguire il rendering del tuo sito. Ci\u00f2 significa che i visitatori non saranno in grado di vedere il tuo sito finch\u00e9 tutti i file Javascript (e CSS) non saranno completamente caricati.<\/p>\n

Se rimandi un file Javascript, il documento HTML pu\u00f2 essere caricato prima che il caricamento del file Javascript sia terminato. Il file JS pu\u00f2 essere caricato contemporaneamente, ma non verr\u00e0 eseguito finch\u00e9 il documento HTML non sar\u00e0 completamente caricato.<\/p>\n

In altre parole, se rimandi i tuoi file Javascript, il documento HTML verr\u00e0 caricato prima, il che significa che il tuo sito sar\u00e0 visibile prima. Questo fa s\u00ec che il tuo sito appaia pi\u00f9 velocemente ai visitatori, il che \u00e8 in definitiva ci\u00f2 che conta di pi\u00f9.<\/p>\n

Detto questo, passiamo al metodo incredibilmente semplice disponibile per rinviare Javascript sul tuo sito.<\/p>\n

Come rinviare i file Javascript<\/h2>\n

Piuttosto che provare a trovare e rinviare manualmente gli script, puoi utilizzare un plug-in per farlo automaticamente per te.<\/p>\n

Ci sono due metodi diversi che consiglio.<\/p>\n

Rimanda con Javascript asincrono<\/h3>\n

Innanzitutto, c’\u00e8 il plugin Javascript Async<\/a> gratuito e facile da usare .<\/p>\n

\"Come<\/a><\/p>\n

Semplice e popolare, Async Javascript \u00e8 una scelta solida per rinviare gli script JS.<\/p>\n

Quando installi questo plug-in per le prestazioni, troverai il seguente nuovo menu delle impostazioni aggiunto al tuo sito:<\/p>\n

\"Come<\/a><\/p>\n

Se vuoi che le cose funzionino velocemente, puoi asincronizzare o rinviare tutti i tuoi file Javascript contemporaneamente con una di queste impostazioni:<\/p>\n

\"Come<\/a><\/p>\n

Puoi applicare il metodo di caricamento posticipato a tutti i file, assicurati di svuotare la cache e quindi testare attentamente il tuo sito. \u00c8 possibile che alcune funzionalit\u00e0 del tuo sito non funzionino, come il menu del cellulare o le barre di ricerca interattive.<\/p>\n

Se noti che una funzionalit\u00e0 del tuo sito non funziona pi\u00f9, passa a una delle versioni che escludono jQuery e molto probabilmente questo risolver\u00e0 eventuali problemi.<\/p>\n

Altrimenti, puoi aggiungere manualmente script ad async o differire permettendoti di testare attentamente un file alla volta.<\/p>\n

\"Come<\/a><\/p>\n

L’unica cosa con questo approccio \u00e8 che avrai bisogno di alcune conoscenze tecniche per trovare gli handle di script necessari per identificare quali file devono essere rinviati.<\/p>\n

Nel complesso, Async Javascript \u00e8 un ottimo plugin ed \u00e8 gratuito!<\/p>\n

Se vuoi un plug-in per le prestazioni altrettanto semplice ma pi\u00f9 robusto, continua a leggere.<\/p>\n

Come rinviare JS con WP Rocket<\/h3>\n

Il plugin che uso su competethemes.com e che consiglio per la maggior parte dell’ottimizzazione delle prestazioni \u00e8 WP Rocket<\/a>.<\/p>\n

\"Come<\/a><\/p>\n

WP Rocket fornisce un’interfaccia semplice piena di funzionalit\u00e0 di ottimizzazione delle prestazioni. Puoi capovolgere un interruttore per minimizzare e concatenare i file, abilitare la memorizzazione nella cache avanzata, il caricamento lento delle immagini<\/a> e altro ancora.<\/p>\n

Sebbene questo plugin sia complesso sotto il cofano, il pannello delle impostazioni non richiede conoscenze tecniche. Questo vale anche per il rinvio dei file Javascript.<\/p>\n

Nella dashboard di WP Rocket, troverai una sezione Ottimizzazione file.<\/p>\n

\"Come<\/a><\/p>\n

Ci sono molti ottimi strumenti di ottimizzazione qui e la funzione di rinvio JS si trova nella parte inferiore della pagina. Se attivi il rinvio, verr\u00e0 visualizzata una seconda casella di controllo con anche l’impostazione "Modalit\u00e0 provvisoria" abilitata automaticamente.<\/p>\n

\"Come<\/a><\/p>\n

Come ho gi\u00e0 detto, rinviare jQuery molto spesso porta a funzionalit\u00e0 non funzionanti sul tuo sito. Anche se puoi provare a disattivare la modalit\u00e0 provvisoria, probabilmente non dovresti.<\/p>\n

E questo \u00e8 tutto quello che c’\u00e8 davvero da fare! Seleziona una singola casella e i tuoi file Javascript verranno posticipati.<\/p>\n

Se vuoi esplorare altre opzioni di prestazioni, puoi visitare WP Rocket qui<\/a> o rivedere il nostro tutorial WP Rocket<\/a>.<\/p>\n

Javascript differito<\/h2>\n

Con il rinvio dei file Javascript, il documento HTML del tuo sito verr\u00e0 caricato prima e il tuo sito apparir\u00e0 molto pi\u00f9 velocemente.<\/p>\n

Per la maggior parte dei siti WordPress, questo \u00e8 un guadagno di prestazioni facile e significativo. Meglio ancora, non richiede alcuna conoscenza tecnica da applicare al tuo sito.<\/p>\n

Se hai ancora domande su come rinviare Javascript con WordPress, lascia un commento qui sotto.<\/p>\n

Fonte di registrazione: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Trova due semplici metodi per rinviare Javascript sul tuo sito WordPress. Ogni pagina verr\u00e0 caricata pi\u00f9 velocemente dopo pochi minuti di configurazione.<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[584],"tags":[846],"class_list":["post-244974","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-velocizza-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/244974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=244974"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/244974\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=244974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=244974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=244974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}