Vai al contenuto principale

Come ridurre il tempo di caricamento dei plugin?

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Ti sei mai chiesto in che modo i plugin di WordPress influenzano il tempo di caricamento del tuo sito? I plugin di WordPress ti consentono di aggiungere funzionalità al tuo sito, ma possono anche influire sulla velocità di un sito web. In questo tutorial, ti mostreremo come i plugin di WordPress influenzano il tempo di caricamento del tuo sito e come puoi controllarli in modo più efficace.

Modificare il tempo di caricamento di un plugin 1

Come funziona un plugin?

I plugin di WordPress sono simili a un'applicazione per il tuo sito WordPress. Puoi installarli per aggiungere più funzionalità al tuo sito come moduli di contatto, gallerie fotografiche o un negozio di e-commerce.

Quando qualcuno visita il tuo sito web, WordPress carica prima i suoi file core e poi carica tutti i tuoi plugin attivi.

Come i plugin possono influenzare il vostro blog?

Ogni plug-in di WordPress offre funzionalità diverse. Per fare ciò, alcuni plugin effettuano chiamate al database in background mentre altri caricano i file sul front-end come CSS, file JavaScript, ecc.

La maggior parte dei plugin fa una richiesta HTTP per caricare file come script, CSS e immagini. Ogni richiesta aumenta il tempo di caricamento della pagina completa del tuo sito.

Una volta eseguito correttamente, l'impatto sulle prestazioni è spesso troppo evidente.

Pertanto, se si utilizzano più plug-in che fanno troppe richieste http per caricare i file, ciò influirà sulle prestazioni del sito e sull'esperienza utente.

Come controllare i file caricati dai plugin di WordPress?

Per vedere in che modo i plug-in influiscono sul tempo di caricamento della pagina, è necessario controllare i file caricati da questi plug-in su WordPress.

Ci sono molti strumenti che puoi usare per capirlo.

Puoi utilizzare il tuo strumento di sviluppo del browser (in Google Chrome "Ispeziona elemento").

Basta visitare il tuo sito e fare clic con il tasto destro per selezionare " ispezionare ". Questo aprirà il pannello degli strumenti di sviluppo.

È necessario fare clic sulla scheda "Rete" e quindi ricaricare il sito Web. Per vedere come si carica e per vedere tutti i file che carica.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Strumento di sviluppo della rete

Puoi anche usare strumenti di terze parti come Pingdom e GTmetrix per vedere questo. Questi strumenti ti permetteranno anche di vedere tutti i file caricati e quanto tempo impiegano a caricarli.

Strumento Pingdom

Quanti plugin devi installare?

Se vedi questi diversi file caricati, puoi iniziare a chiederti quanti plugin plugin devi usare?

La risposta dipende davvero dal set di plugin che utilizzi sul tuo sito web.

Un singolo plugin errato può caricare file 12 mentre diversi plugin buoni aggiungono solo alcuni file extra.

Tutti i plugin ben codificati cercano di mantenere i file caricati al minimo. Tuttavia, non tutti gli sviluppatori di plugin fanno attenzione. Alcuni plugin caricano file su ogni pagina, anche quando non hanno bisogno di quel file.

Se utilizzi molti di questi plug-in, inizieranno a influire sulle prestazioni del tuo sito.

Come tenere sotto controllo i plugin?

La cosa più importante che puoi fare sul tuo sito WordPress è utilizzare solo plugin ben codificati, con buone recensioni e consigliati da fonti attendibili.

Se scopri che un plug-in di WordPress influisce sul caricamento del tuo sito, cerca un plug-in migliore che faccia lo stesso lavoro, ma migliore.

Quindi è necessario iniziare a utilizzare la memorizzazione nella cache e la CDN per migliorare ulteriormente le prestazioni e la velocità del sito.

Un altro fattore che dovresti considerare è l'hosting del tuo sito web. Se i tuoi server di hosting non sono ottimizzati correttamente, non aumenterà il tempo di risposta del tuo sito.

Ciò significa che non solo i plugin ma le prestazioni complessive del tuo sito saranno più lente. Assicurati di utilizzare uno dei migliori hosting WordPress.

Come ultima risorsa, puoi disinstallare i plugin che non usi. Esamina attentamente i plugin installati sul tuo sito e verifica se riesci a disinstallarli. Questa non è una soluzione ideale, poiché dovrai compromettere la funzionalità contro la velocità del tuo blog.

Disabilita i plug-in dei fogli di stile su WordPress

Per prima cosa, devi trovare il nome o l'handle del foglio di stile di cui desideri annullare la registrazione. Puoi individuarlo utilizzando il tuo strumento " ispezionare l'elemento '.

Ispezione degli elementi del browser

Dopo aver trovato la maniglia del foglio di stile, puoi " annullare la registrazione Aggiungendo questo codice al file functions.php Del tema o del file principale di un plugin.

add_action ( 'wp_print_styles', 100 'my_deregister_styles'); Funzione my_deregister_styles () {wp_deregister_style ( 'gdwpm_styles-css'); }

Puoi "annullare la registrazione" di tutti gli handle di stile che desideri in questa funzione. Ad esempio, se hai più di un plugin di cui vuoi "annullare la registrazione" del foglio di stile, puoi farlo in questo modo:

add_action ( 'wp_print_styles', 100 'my_deregister_styles'); Funzione my_deregister_styles () {wp_deregister_style ( 'gdwpm_styles-css'); wp_deregister_style ( 'BFA-are-awesome-css'); wp_deregister_style ( 'qualche-altra-stylesheet-handle'); }

Ricorda che "l'annullamento della registrazione" di questi fogli di stile influirà sulla funzionalità dei plugin sul tuo sito. Devi copiare il contenuto di ogni foglio di stile che elimini e incollarlo nel foglio di stile del tuo tema WordPress o aggiungerlo come CSS personalizzato.

Disabilita i plugin javascript

Proprio come i fogli di stile, sarà necessario trovare l'handle utilizzato dai file JavaScript per "annullarne la registrazione". Tuttavia, non troverai l'handle utilizzando il " ispezionare '.

Per questo dovrai scavare più a fondo nei file del plugin per trovare l'handle utilizzato dal plugin per caricare uno script.

Un altro modo per scoprire tutti gli handle usati dai plugin è aggiungere questo codice al file functions.php del tuo tema.

funzione bpc_display_pluginhandles () {$ wp_scripts = wp_scripts (); $ nome mano. = " "; foreach ($ wp_scripts-> accoda come $ handle): $ handlename. = ' '. $ handle. ' '; endforeach; $ nome mano. = " "; return $ handlename;} add_shortcode ('pluginhandles', 'bpc_display_pluginhandles');

Dopo aver aggiunto questo codice, è possibile utilizzare lo shortcode [pluginhandles] per visualizzare un elenco di handle di script plugin.

Gestisce gli script wordpress

Ora che hai gli handle di script, puoi facilmente "annullarne la registrazione" utilizzando il codice seguente:

add_action ( 'wp_print_scripts', 'my_deregister_javascript' 100); funzione my_deregister_javascript () {wp_deregister_script ( 'contact-form-7'); }

Puoi anche usare questo codice per disabilitare più script, come questo:

add_action ( 'wp_print_scripts', 'my_deregister_javascript' 100); funzione my_deregister_javascript () {wp_deregister_script ( 'contact-form-7'); wp_deregister_script ( 'script di gdwpm_lightbox'); wp_deregister_script ( 'altro-plugin-script'); }

Ora, come accennato in precedenza, disabilitare questi script impedirà ai tuoi plugin di funzionare correttamente.

Per evitare ciò, dovrai combinare i codici JavaScripts insieme, ma a volte non funziona correttamente, devi sapere cosa stai facendo.

Questo è tutto per questo tutorial, spero che tu sappia come migliorare i tuoi plugin. In caso di domande, non esitare a porle.

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
5 azioni
quota2
Tweet1
Enregistrer2