Collegare Organizzatore
Nascondersi O caricamento?
Caricamento selettivo per dispositivi mobili
Aumenta la velocità di caricamento del tuo dispositivo mobile
L'organizzatore del plug-in aumenta la velocità della pagina
Organizzatore di plugin è un plugin molto utile per WordPress. In termini di plugin, è molto vecchio poiché è stato scritto nel 2012, quando il responsive design era agli albori. Tuttavia, il plugin ha resistito alla prova del tempo e fornisce la base per un trucco davvero valido che aiuta i siti web creati con page builder come Elementor, DIVI o WP Bakery ecc.
Ciò che fa il plugin è interrompere il caricamento dei plugin sulle pagine. Ciò che lo fa funzionare così bene è che può anche interrompere il caricamento dei plugin per dispositivo. Poiché le velocità mobili sono molto inferiori a quelle desktop, questo può rivelarsi molto utile. Può anche essere utile se un plugin non si adatta al layout limitato di un dispositivo mobile, ma si adatta al layout del desktop.
Limitare il caricamento di plugin JS pesanti sui dispositivi mobili può fare una grande differenza per il tuo punteggi di velocità di pagina. Ma non è solo la limitazione del caricamento a rendere questo plugin così speciale. Ha anche una flessibilità completa se combinato con il Plug-in per frammenti HTML. L'utilizzo dei due insieme consente di caricare in modo selettivo contenuto sul desktop, ma lascialo fuori sui dispositivi mobili.
Questo è un momento di illuminazione dei contenuti, poiché impedisce a Lighthouse di segnalare qualsiasi video quando lo hai nascosto sul dispositivo mobile nel generatore di pagine. Se hai nascosto un video sul cellulare, controlla i tuoi punteggi mobile. Il video viene ancora segnalato nella tua segnalazione mobile? In tal caso, spiegherò come risolvere questo problema di seguito.
Nascondersi O caricamento?
Caricamento selettivo per dispositivi mobili
Aumenta la velocità di caricamento del tuo dispositivo mobile
Collegare Organizzatore Aumenta la velocità della pagina
Organizzatore di plugin è un plugin molto utile per WordPress. In termini di plugin, è molto vecchio poiché è stato scritto nel 2012, quando il responsive design era agli albori. Tuttavia, il plugin ha resistito alla prova del tempo e fornisce la base per un trucco davvero valido che aiuta i siti web creati con page builder come Elementor, DIVI o WP Bakery ecc.
Ciò che fa il plugin è interrompere il caricamento dei plugin sulle pagine. Ciò che lo fa funzionare così bene è che può anche interrompere il caricamento dei plugin per dispositivo. Poiché le velocità mobili sono molto inferiori a quelle desktop, questo può rivelarsi molto utile. Può anche essere utile se un plugin non si adatta al layout limitato di un dispositivo mobile, ma si adatta al layout del desktop.
Limitare il caricamento di plugin JS pesanti sui dispositivi mobili può fare una grande differenza per i tuoi punteggi di velocità di pagina. Ma non è solo la limitazione del caricamento a rendere questo plugin così speciale. Ha anche una flessibilità completa se combinato con il Plug-in per frammenti HTML. L'utilizzo combinato dei due ti consente di caricare selettivamente i contenuti sul desktop, ma di lasciarli fuori sui dispositivi mobili.
Questo è un momento di illuminazione dei contenuti, poiché impedisce a Lighthouse di segnalare qualsiasi video quando lo hai nascosto sul dispositivo mobile nel generatore di pagine. Se hai nascosto un video sul cellulare, controlla i tuoi punteggi mobile. Il video viene ancora segnalato nella tua segnalazione mobile? In tal caso, spiegherò come risolvere questo problema di seguito.
Organizzatore di plugin è un plugin molto utile per WordPress. In termini di plugin, è molto vecchio poiché è stato scritto nel 2012, quando il responsive design era agli albori.
Tuttavia, il plugin ha resistito alla prova del tempo e fornisce la base per un trucco davvero valido che aiuta i siti web creati con page builder come Elementor, DIVI o WP Bakery ecc.
Ciò che fa il plugin è interrompere il caricamento dei plugin sulle pagine. Ciò che lo fa funzionare così bene è che può anche interrompere il caricamento dei plugin per dispositivo. Poiché le velocità mobili sono molto inferiori a quelle desktop, questo può rivelarsi molto utile. Può anche essere utile se un plugin non si adatta al layout limitato di un dispositivo mobile, ma si adatta al layout del desktop.
Limitare il caricamento di plugin JS pesanti sui dispositivi mobili può fare una grande differenza per i tuoi punteggi di velocità di pagina. Ma non è solo la limitazione del caricamento a rendere questo plugin così speciale. Ha anche una flessibilità completa se combinato con il Plug-in per frammenti HTML. L'utilizzo combinato dei due ti consente di caricare selettivamente i contenuti sul desktop, ma di lasciarli fuori sui dispositivi mobili.
Questo è un momento di illuminazione dei contenuti, poiché impedisce a Lighthouse di segnalare qualsiasi video quando lo hai nascosto sul dispositivo mobile nel generatore di pagine. Se hai nascosto un video sul cellulare, controlla i tuoi punteggi mobile. Il video viene ancora segnalato nella tua segnalazione mobile? In tal caso, spiegherò come risolvere questo problema di seguito.
Selettivamente Carica plugin
Questo è Come Velocizza il caricamento da dispositivo mobile
Utilizzo dell'organizzatore dei plugin
La prima cosa da fare è Installa l'organizzatore dei plugin e attivarlo. Dopo averlo fatto, vai alla pagina delle impostazioni del plugin nel tuo WordPress Pannello di controllo
IL Più importante Cosa
Nelle impostazioni, assicurati che "Caricamento selettivo" E Il 'Caricamento mobile selettivo' è attivato. Questo ti dà il controllo del caricamento di diversi plugin su diversi dispositivi. Se poi vai su "Impostazioni globali" nelle impostazioni del plugin, puoi vedere quali plugin vuoi caricare/scaricare in tutto il sito. Basta fare clic su ciascuno per diventare verde per "on" o rosso per "off".
Una cosa da notare qui è dove dice "Piattaforma". Puoi fare clic qui per passare alla versione standard (desktop) o mobile. Fai clic su "Mobile" e imposta individualmente i plug-in per disattivare il caricamento solo su dispositivi mobili.
Se poi vai a modificare ciascuna pagina individualmente e scorri fino in fondo, vedrai un carico di barre verdi. Questo è l'organizzatore del plugin. Qui puoi impostare i plugin in modo che vengano caricati/scaricati solo su quella pagina. Quelli che hai disattivato in precedenza a livello globale saranno rossi. Quelli che possono essere caricati saranno verdi. Basta fare clic sulla barra verde per attivarlo/disattivarlo per quella pagina, ricordando di modificare la piattaforma su "Mobile" per disattivare il plug-in sui dispositivi mobili. Questo è perfetto per pagine di branding/landing, dove potresti avere alcuni plugin più grandi che desideri caricare su quella pagina solo per scopi visivi.
È molto semplice abituarsi e ti consente il controllo totale su quali plugin desideri caricare, dove e su quali dispositivi.
Combinazione con snippet HTML
I Page Builder sono fantastici in quanto ti consentono di progettare pagine con facilità. La maggior parte dei siti Web sono realizzati con Elementor, DIVI o WP Bakery. Tuttavia c'è un problema con tutti e questo rallenta notevolmente il caricamento su dispositivo mobile. Ha a che fare con il contenuto della pagina e con il suo caricamento sul dispositivo mobile. Ciò che accade è che un designer può realizzare un video o avere un'immagine di grandi dimensioni destinata solo ai dispositivi desktop. Tutti i pagebuilder hanno un'opzione per nasconderlo. Quindi lo nascondi. Ciò impedirà anche la sua visualizzazione sui dispositivi mobili. Ciò dovrebbe ridurre il peso della pagina mobile, poiché non contiene video. Giusto?
Sbagliato!
I Page Builder si limitano a "nascondere" il contenuto. Nascondere e caricare sono cose molto diverse. Se hai un video che viene caricato sul desktop e lo hai impostato per nasconderlo sui dispositivi mobili, vai a fare un test di velocità della pagina. Nel rapporto sulla pagina per dispositivi mobili, il tuo video è ancora elencato in qualche punto della pagina? Se è così, il caricamento è ancora in corso, danneggiando gravemente la velocità della pagina e i tempi di caricamento complessivi sui dispositivi mobili.
È qui che entrano in gioco gli snippet HTML. Nasconderli non ne interrompe il caricamento. Ma l'utilizzo di Plugin Organizer con snippet HTML funziona.
Come posso Fai questo?
Se hai installato Plugin Organizer, vai e installa Snippet HTML. Quindi vai alle impostazioni del plugin Snippet HTML e fai clic su "Aggiungi nuovo snippet". Da qui, inserisci il codice HTML del tuo video o di qualsiasi altro contenuto che non desideri caricare sul cellulare. Molti pagebuilder hanno un modulo video in cui inserisci semplicemente il video, quindi se vuoi che l'HTML grezzo visualizzi un video senza plug-in, utilizza una variante del codice seguente:
Lettore video di Youtube
<iframe width=”100%” height=”auto” src=”URL DI YOUTUBE"frameborder="0"allowfullscreen>
Lettore video ospitato autonomamente
Ricordati di cambiare gli URL con il tuo URL per il tuo video. Le dimensioni "100%" e "auto" consentiranno al contenitore video di rispondere al tuo sito web. Se hai dimensioni specifiche necessarie per il video, sostituisci semplicemente tali valori con le dimensioni richieste.
Salva lo snippet. Quindi, una volta salvato, prendi semplicemente il video esistente fuori della pagina stessa e sostituire con lo shortcode che gli snippet HTML ti hanno fornito per il tuo nuovo video. Ora caricalo. Se tutto va bene, il video verrà visualizzato sul desktop E mobile.
L'ultimo passaggio ora è nella pagina in cui si trova il contenuto, scorrere fino alla fine della pagina in cui si trova il contenuto e disabilitare l'organizzatore del plug-in sul cellulare. Ora controlla di nuovo il tuo cellulare. Il video non dovrebbe essere lì. Ora svuota le cache ed esegui un altro test di velocità della pagina. Scopri che il video si sta caricando sul desktop, ma è scomparso dal tuo report mobile, con una pagina molto più leggera e un tempo di caricamento completo più veloce!
Andare ancora oltre
HTML Snippets ha anche un plugin gemello chiamato Snippet PHP. Questo plugin funziona esattamente allo stesso modo degli snippet HTML, quindi puoi installare anche questo e creare contenuti da visualizzare solo su dispositivi mobili e non caricarli sul desktop.
Segui semplicemente esattamente le stesse istruzioni spiegate sopra, tranne che questa volta per disabilitare il contenuto sul desktop, disabilitalo semplicemente nel caricamento "Standard" e abilitalo su "Mobile". Con entrambi plugin installati hai completa flessibilità di progettazione e prestazioni. Puoi avere contenuti specifici per dispositivi mobili e desktop, senza che il generatore di pagine carichi assolutamente tutto e lo nasconda.
Dove altro è utile?
Generalmente lo utilizzo solo su contenuti mobili, limitando il caricamento di grandi quantità di contenuti per aumentare i punteggi mobili.
Che dire Script?
Sono contento che tu l'abbia chiesto! Questa è l'altra cosa in cui Plugin Organizer aiuta davvero. Molti plugin come Slider Revolution hanno una funzionalità disabilitata sui dispositivi mobili, ma in realtà non disabilitano tutto ciò che comporta il caricamento di script non necessari. Slider Revolution non caricherà lo slider stesso. ma WordPress caricherà comunque gli script stessi. Questo è l'unico modo semplice per disabilitare completamente questi script sui dispositivi mobili, risparmiando enormi quantità di tempo di caricamento e aumentando la velocità della pagina.
Organizzatore di plugin – Completo!
Passaggio 7: caricamento dei caratteri
Eliminiamo questi errori di carattere
Accelerare Mobile
Utilizzo del plugin
La prima cosa da fare è Installa l'organizzatore dei plugin e attivarlo. Dopo averlo fatto, vai alla pagina delle impostazioni del plugin nella dashboard di WordPress
IL Più importante Cosa
Nelle impostazioni, assicurati che "Caricamento selettivo" E Il 'Caricamento mobile selettivo' è attivato. Questo ti dà il controllo del caricamento di diversi plugin su diversi dispositivi. Se poi vai su "Impostazioni globali" nelle impostazioni del plugin, puoi vedere quali plugin vuoi caricare/scaricare in tutto il sito. Basta fare clic su ciascuno per diventare verde per "on" o rosso per "off".
Una cosa da notare qui è dove dice "Piattaforma". Puoi fare clic qui per passare alla versione standard (desktop) o mobile. Fai clic su "Mobile" e imposta individualmente i plug-in per disattivare il caricamento solo su dispositivi mobili.
Se poi vai a modificare ciascuna pagina individualmente e scorri fino in fondo, vedrai un carico di barre verdi. Questo è l'organizzatore del plugin. Qui puoi impostare i plugin in modo che vengano caricati/scaricati solo su quella pagina. Quelli che hai disattivato in precedenza a livello globale saranno rossi. Quelli che possono essere caricati saranno verdi. Basta fare clic sulla barra verde per attivarlo/disattivarlo per quella pagina, ricordando di modificare la piattaforma su "Mobile" per disattivare il plug-in sui dispositivi mobili. Questo è perfetto per pagine di branding/landing, dove potresti avere alcuni plugin più grandi che desideri caricare su quella pagina solo per scopi visivi.
È molto semplice abituarsi e ti consente il controllo totale su quali plugin desideri caricare, dove e su quali dispositivi.
Snippet HTML
I Page Builder sono fantastici in quanto ti consentono di progettare pagine con facilità. La maggior parte dei siti Web sono realizzati con Elementor, DIVI o WP Bakery. Tuttavia c'è un problema con tutti e questo rallenta notevolmente il caricamento su dispositivo mobile. Ha a che fare con il contenuto della pagina e con il suo caricamento sul dispositivo mobile. Ciò che accade è che un designer può realizzare un video o avere un'immagine di grandi dimensioni destinata solo ai dispositivi desktop. Tutti i pagebuilder hanno un'opzione per nasconderlo. Quindi lo nascondi. Ciò impedirà anche la sua visualizzazione sui dispositivi mobili. Ciò dovrebbe ridurre il peso della pagina mobile, poiché non contiene video. Giusto?
Sbagliato!
I Page Builder si limitano a "nascondere" il contenuto. Nascondere e caricare sono cose molto diverse. Se hai un video che viene caricato sul desktop e lo hai impostato per nasconderlo sui dispositivi mobili, vai a fare un test di velocità della pagina. Nel rapporto sulla pagina per dispositivi mobili, il tuo video è ancora elencato in qualche punto della pagina? Se è così, il caricamento è ancora in corso, danneggiando gravemente la velocità della pagina e i tempi di caricamento complessivi sui dispositivi mobili.
È qui che entrano in gioco gli snippet HTML. Nasconderli non ne interrompe il caricamento. Ma l'utilizzo di Plugin Organizer con snippet HTML funziona.
Come posso Fai questo?
Se hai installato Plugin Organizer, vai e installa Snippet HTML. Quindi vai alle impostazioni del plugin Snippet HTML e fai clic su "Aggiungi nuovo snippet". Da qui, inserisci il codice HTML del tuo video o di qualsiasi altro contenuto che non desideri caricare sul cellulare. Molti pagebuilder hanno un modulo video in cui inserisci semplicemente il video, quindi se vuoi che l'HTML grezzo visualizzi un video senza plug-in, utilizza una variante del codice seguente:
Lettore video di Youtube
<iframe width=”100%” height=”auto” src=”URL DI YOUTUBE"frameborder="0"allowfullscreen>
Lettore video ospitato autonomamente
Ricordati di cambiare gli URL con il tuo URL per il tuo video. Le dimensioni "100%" e "auto" consentiranno al contenitore video di rispondere al tuo sito web. Se hai dimensioni specifiche necessarie per il video, sostituisci semplicemente tali valori con le dimensioni richieste.
Salva lo snippet. Quindi, una volta salvato, prendi semplicemente il video esistente fuori della pagina stessa e sostituire con lo shortcode che gli snippet HTML ti hanno fornito per il tuo nuovo video. Ora caricalo. Se tutto va bene, il video verrà visualizzato sul desktop E mobile.
L'ultimo passaggio ora è nella pagina in cui si trova il contenuto, scorrere fino alla fine della pagina in cui si trova il contenuto e disabilitare l'organizzatore del plug-in sul cellulare. Ora controlla di nuovo il tuo cellulare. Il video non dovrebbe essere lì. Ora svuota le cache ed esegui un altro test di velocità della pagina. Scopri che il video si sta caricando sul desktop, ma è scomparso dal tuo report mobile, con una pagina molto più leggera e un tempo di caricamento completo più veloce!
Andare avanti
HTML Snippets ha anche un plugin gemello chiamato Snippet PHP. Questo plugin funziona esattamente allo stesso modo degli snippet HTML, quindi puoi installare anche questo e creare contenuti da visualizzare solo su dispositivi mobili e non caricarli sul desktop.
Segui semplicemente esattamente le stesse istruzioni spiegate sopra, tranne che questa volta per disabilitare il contenuto sul desktop, disabilitalo semplicemente nel caricamento "Standard" e abilitalo su "Mobile". Con entrambi i plugin installati hai completa flessibilità di progettazione e prestazioni. Puoi avere contenuti specifici per dispositivi mobili e desktop, senza che il generatore di pagine carichi assolutamente tutto e lo nasconda.
Qualunque altra cosa?
Generalmente lo utilizzo solo su contenuti mobili, limitando il caricamento di grandi quantità di contenuti per aumentare i punteggi mobili.
Che dire Script?
Sono contento che tu l'abbia chiesto! Questa è l'altra cosa in cui Plugin Organizer aiuta davvero. Molti plugin come Slider Revolution hanno una funzionalità disabilitata sui dispositivi mobili, ma in realtà non disabilitano tutto ciò che comporta il caricamento di script non necessari. Slider Revolution non caricherà lo slider stesso. ma WordPress caricherà comunque gli script stessi. Questo è l'unico modo semplice per disabilitare completamente questi script sui dispositivi mobili, risparmiando enormi quantità di tempo di caricamento e aumentando la velocità della pagina.
Organizzatore di plugin – Completo!
Passaggio 7: caricamento dei caratteri
Problemi relativi ai caratteri risolti!