Plugin snelli e leggeri per WordPress

In Isotropic, amiamo bilanciare velocità e funzionalità quando si tratta di creare siti Web WordPress. In questo articolo, abbiamo voluto descrivere in dettaglio i plugin che abbiamo usato in passato, noti per essere snelli e leggeri.

Aggiungendo la minor quantità di codice al front-end del sito Web, puoi assicurarti che si carichi rapidamente per i visitatori (un'esperienza migliore e qualcosa che Google apprezza quando si classifica). Questo elenco è stato curato dai nostri sviluppatori e dall'agenzia in anni di creazione di siti Web WordPress.

Attraverso tentativi ed errori, abbiamo trovato diversi plug-in incredibilmente ben progettati che aggiungono funzionalità, ma hanno un impatto minimo sulla velocità di un sito Web grazie al loro design snello.

Cercheremo di colpire ogni singolo aspetto di un sito Web WordPress, ma se hai un plug-in leggero che vorresti aggiungere a questo elenco, faccelo sapere nella sezione commenti.

Ogni plug-in in questo elenco viene fornito con una rapida descrizione del motivo per cui lo abbiamo utilizzato in passato, se lo stiamo attualmente utilizzando e alcuni pro e contro. Detto questo, entriamo subito nel merito. E sentiti libero di usare il sommario a sinistra per navigare tra le categorie.

Costruttori di pagine

Oxygen è un costruttore di siti Web per WordPress. Rispetto ai principali page builder, questo strumento è il più leggero in circolazione in termini di risorse front-end caricate. È anche uno dei migliori per le agenzie, incredibilmente flessibile e creato per agenzie e sviluppatori. Ora lo utilizziamo per la maggior parte dei nostri siti Web WordPress e lo adoriamo assolutamente. C'è sicuramente un po' di una curva di apprendimento per gli utenti meno esperti, ma i professionisti che vengono con lo strumento ne valgono la pena.

Un importante punto di forza è il codice pulito che emette. Rispetto ad altri page builder, in particolare Elementor, molti utenti stanno cambiando per questo motivo.

Correlati: https://isotropic.co/elementor-vs-oxygen/

CSSHero non è il tipico page builder. Invece, ti consente di modificare i temi esistenti e funziona in tandem con un builder come Oxygen. Questa è fondamentalmente un'interfaccia utente grafica o tutto ciò che CSS ha da offrire. Puoi puntare e fare clic su vari elementi che compongono un sito Web, come DIV, testo e sezioni, e quindi applicare facilmente CSS ad essi.

Lo strumento non altera in alcun modo i file del tema. Invece, crea il proprio foglio di stile che si trova sopra i file preesistenti. Puoi anche esportare il tuo lavoro come dati CSS, LESS, JSON.

Quando si tratta di velocità, gli sviluppatori di questo CSSHero lo dicono meglio: "Da un punto di vista tecnico, CSS Hero genera e abilita solo un singolo foglio di stile CSS aggiuntivo statico che sovrascrive in modo pulito il foglio di stile originale del tuo tema".

Correlati: https://isotropic.co/csshero-and-elementor-powerful-custom-css/

Dichiarazione di non responsabilità: abbiamo usato Beaver in passato, ma ora tendiamo a orientarci verso Oxygen perché abbiamo un ottimo flusso di lavoro con esso. Il motivo per cui appare in questo elenco è il semplice fatto che emette un codice incredibilmente pulito, proprio come Oxygen.

Secondo i test di SupaMike, Oxygen carica 33 KB, mentre Beaver Builder carica 38 KB di risorse front-end.

È un generatore di pagine molto ben progettato sul back-end e conosciamo molti creatori di siti Web professionisti che lo adorano.

Popup

Boxzilla è un plug-in che ti consente di aggiungere finestre pop-up o slide-in al tuo sito WordPress. È uno dei plug-in popup più puliti e semplici in circolazione, soprattutto quando lo si confronta con qualcosa come Green Popups che carica un sacco di codice front-end (super esagerato se si desidera solo un popup di base).

Solo 6 kB di JavaScript vengono aggiunti al tuo sito web.

È anche super flessibile ed espandibile. Puoi aggiungere qualsiasi contenuto che desideri visualizzare, come codici brevi, iFrame e altro. Le caselle possono essere mostrate su determinati eventi, incluso l'intento di uscita (sebbene si tratti di un componente aggiuntivo premium.

Le forme

Piotnet Forms è molto ben fatto e relativamente nuovo nel settore dei plug-in di moduli. Un'alternativa molto potente alle soluzioni di moduli legacy disponibili (hai accesso ai campi del ripetitore, all'elaborazione dei pagamenti e altro) e incorporata in Elementor come builder. Sorprendentemente, caricano solo 11,8 KB sul frontend del tuo sito.

Leggi la nostra recensione: https://isotropic.co/piotnet-forms-review-better-than-legacy-competitors/

Sento l'obbligo di includere il modulo di contatto 7 in questo elenco. Non solo è uno dei plugin più popolari là fuori, è anche super semplice, ma espandibile. Arriva a 15,65 KB di risorse frontend (secondo quel foglio di Google).

Qualcosa di ancora meno gonfio di Contact Form 7, Lightweight Contact Form non ha fogli di stile CSS, file extra e nessun sovraccarico. È solo un file, ma si integra con la versione 3 di recaptcha di Google, nonché con la convalida lato client JavaScript e lato server PHP.

Ottimizzazione del motore di ricerca

Slim SEO è proprio questo: Slim. Ecco la proposta di vendita* (beh, sono gratuiti):

"Attualmente ci sono molti plugin SEO per WordPress sul mercato. Ma questi plugin spesso hanno troppe opzioni e sono molto complicati per gli utenti ordinari. Accedendo alla loro sezione di configurazione, ti perderai facilmente in un labirinto di spiegazioni e opzioni che a volte non capisco. Inoltre, ci sono le pubblicità!"

L' intero plug -in è di soli 40 KB e copre meta tag, reindirizzamento, OG, immagini, schema, mappe del sito, codice del piè di pagina dell'intestazione, feed RSS e altro ancora.

Condivisione sociale

Un nuovo arrivato nell'affollato pacchetto di plug-in di condivisione social, Novashare è commercializzato come un'alternativa leggera. Abbiamo avuto la possibilità di usarlo in diversi siti di contenuti e possiamo sicuramente confermare che questa è la soluzione più snella, ma più completa in circolazione. Viene fornito con conteggi di condivisioni, oltre 10 reti... ma forse la caratteristica più impressionante è il fatto che carica meno di 5 KB di risorse front-end.

Quello è. Selvaggio.

Condivisione sociale senza script

Hai bisogno di un plug-in di condivisione sociale gratuito e semplice? Scriptless è la soluzione migliore (o uno snippet di codice) - Non c'è Javascript, solo semplici pulsanti di condivisione social SVG. Scegli dove sono inseriti, come vengono visualizzati e quali reti mostrare - e questo è tutto!

GDPR / Privacy

cursori

Praticamente ogni singolo plug-in di slider è incredibilmente gonfio (tosse, tosse Rev Slider). Invece, ti consigliamo di utilizzare una semplice libreria chiamata Slick (ci sono un sacco di altre soluzioni là fuori, come Flickity).

Backup

Poiché includiamo tutte le categorie di plug-in che sarebbero necessarie su un sito Web di produzione, Updraft ha trovato la sua strada in questo articolo. Tuttavia, i plug-in di backup non influiscono realmente sulla velocità di caricamento front-end di un sito Web e updraft Pro è la soluzione migliore che abbiamo trovato.

Se stai davvero cercando una soluzione leggera quando si tratta di backup, usa l'hosting Cloudways che viene fornito con backup automatici?.

Puoi anche scaricare facilmente un DB con WPCLI [wp db export] e quindi archiviare i file in questo modo [tar -vczf yourbackupfilename.gz .].

Sicurezza

Plugin di sicurezza come WordFence rallentano la fonte del tuo sito, ma sono sicuramente un male necessario (a meno che tu non stia pagando un piano aziendale Cloudflare e disponga di un hosting super sicuro).

Invece di elencare questi strumenti, volevamo evidenziare Cronologia semplice che mostra le modifiche recenti apportate all'interno di WordPress, direttamente sulla dashboard o su una pagina separata.

È semplice, ma super utile durante l'audit delle modifiche su un sito. In caso di hack o attacco deliberato, puoi facilmente vedere cosa è andato storto e cosa è stato modificato. Tiene inoltre traccia degli accessi utente non riusciti e delle richieste di cancellazione dei dati utente. C'è anche un sacco di supporto per altri plugin popolari.

Ottimizzazione delle prestazioni

(La nostra sezione preferita, non potresti dirlo?)

Una soluzione ad alte prestazioni gratuita, semplice e veloce. Il plug-in copre CSS/JS, database e ottimizzazione delle immagini, oltre alla memorizzazione nella cache. La versione pro ha ancora di più, come un organizzatore di plugin (pensa alla caratteristica principale di Asset Cleanup).

Swift è il perfetto equilibrio tra risultati e facilità d'uso. È un'installazione con un clic, che ottimizza automaticamente la velocità del tuo sito Web WordPress.

Ovviamente, se stai cercando qualcosa di più ingombrante (più controllo), potresti voler dare un'occhiata a W3 Cache o WPRocket. Ma, per una soluzione semplice, Swift è il nostro punto di riferimento.

La suite di plug-in Flying di WP Speed ​​Matters è una raccolta di strumenti incredibilmente utili che non occupano praticamente alcuna velocità del disco (e accelerano decisamente i tempi di caricamento del frontend: è quello per cui sono progettati!).

Flying Scripts carica solo gli script (identificati dalle parole chiave) sull'interazione dell'utente. Flying Images ti dà accesso illimitato a una CDN, caricamento lento, WebP e altro ancora. Flying Pages precarica le pagine quando un utente passa con il mouse su un collegamento, aumentando la velocità percepita. A mio parere, questi plugin sono i più sottovalutati del repository.

Aumenta la velocità del tuo sito riducendo le richieste HTTP , disabilitando i plug-in, eliminando il codice e ottimizzando il tuo database. L'intero plug-in è 50kb e non carica JavaScript sul front-end del tuo sito. È fantastico per quella spinta finale quando si tratta di velocità.

Pulisce il database, il che in genere si traduce in un'esperienza di back-end più rapida.

Gestione degli script

Cosa c'è di meglio di un plugin snello e leggero? Un frammento di codice super semplice che può sostituirlo. Questi due strumenti sono i plug-in di gestione degli script leader del settore (con esso, puoi potenzialmente sostituire dozzine di plug-in, velocizzando il tuo sito).

Code Snippets è un modo semplice, pulito e semplice per eseguire frammenti di codice PHP sul tuo sito. Elimina la necessità di aggiungere frammenti personalizzati al file functions.php del tuo tema. Rimuovi il plugin, anche tutti gli Snippet vengono rimossi (cosa che ci piace molto). Funziona perfettamente con l'Oxygen Builder.

Lanciato a settembre, Advanced Scripts è Code Snippets su steroidi (pensa che il plugin si sia unito a VS Code).

Semplifica la scrittura e l'integrazione di PHP, CSS e Javascript. Puoi anche scrivere codice SCSS e LESS, utilizzare hook personalizzati e aggiungere rapidamente asset serviti da CDN.

Di recente abbiamo iniziato ad aggiungere script avanzati alla maggior parte dei nostri siti WordPress: è solo una gioia da usare.

Altre utilità

Un plugin super semplice, ma incredibilmente utile che fa ciò che suggerisce il nome: trova e sostituisce le stringhe in tempo reale (dopo che la pagina è stata generata, ma prima che venga inviata al browser dei visitatori). In genere lo usiamo per sostituire le parole errate: es. Da WordPress a WordPress.

Un modo semplice e leggero per creare zone pubblicitarie e inserirle nel tuo sito Web WordPress.

Se stai cercando un modo semplice e veloce per migrare i post, questo plug-in super piccolo ti consente di esportarli in formato zip e quindi reimportarli in una nuova installazione.

Se gestisci un negozio WooCommerce, Booster ti semplificherà la vita e avrà un impatto minimo sul frontend in quanto è essenzialmente una raccolta di frammenti di codice con una GUI di attivazione/disattivazione. Ci sono più di 100 cento moduli, che si applicano (codice minimo) al frontend solo quando attivati.