5 modi infallibili per velocizzare il tuo sito Web WordPress

Scegli una prospettiva qualsiasi per esaminare la metrica della velocità di caricamento del sito Web e il suo significato: marketer, proprietario del sito, sviluppatore, SEO-wizard, anche e soprattutto l'utente. La metrica della velocità apparirà ancora in alto. Cerca le migliori pratiche di sviluppo web su tutte le fonti che riesci a trovare e vedrai " ridurre il tempo di caricamento della pagina" da qualche parte all'interno di ogni singolo elenco.

Non ci piace nemmeno fare la fila alla cassa del Walmart, come pensi che ci sentiremmo di fronte a un mucchio di dati immateriali in un'epoca di eccessi sfrenati ?

È quindi fondamentale creare siti web che si caricano più velocemente (TTFB dovrebbe essere inferiore a 2 secondi). Per una migliore esperienza, per una conversione più alta, per i migliori risultati di ricerca!

Quindi cosa si può fare per rendere più veloci i siti Web WordPress? Molto, sembra, soprattutto in queste 5 aree:

1. Server

È qui che risiedono i dati del tuo sito web . Se un server si mantiene come una mensa dei poveri o nei vicoli di Gotham, nessuna ottimizzazione delle prestazioni ti aiuterà a velocizzare il tuo sito web.

Quindi, prima di accedere a un provider di hosting, fai attenzione a:

• Manutenzione, backup e sicurezza (per ovvi motivi)
• Scalabilità: come pesano i diversi piani in termini di visitatori, trasferimento dati, larghezza di banda, spazio di archiviazione, ecc. e come verrai ampliato quando supererai alcuni dei limiti.
• Testimonianze dei clienti e forum di supporto (possono rivelare molto sul record di servizio di un'azienda)

Ecco altre cose che puoi esaminare:

Ø ^Hosting video di terze parti

L'hosting video esterno o di ^terze parti è un'ottima soluzione per coloro che utilizzano giudiziosamente lo spazio e la larghezza di banda del server.

È esattamente quello che c'è scritto sulla scatola. (Solo) I file video sono ospitati su un ^server di terze parti come Youtube, Vimeo, ecc., a cui puoi collegarti con il tuo sito Web (senza chiamare uno sviluppatore per pasticciare con l'API). Alcuni di essi sono dotati anche di strumenti di editing video e la maggior parte di essi offre supporto.

Assicurati solo di controllare i diritti sui file video (Informativa sulla privacy) prima di iscriverti a questo servizio.

Ø Prevenire i collegamenti alle immagini

Image Hotlinking è un male sottovalutato.

Equivale a rubare, e la parte peggiore è che i trasgressori spesso non sono consapevoli della gravità delle loro azioni. Stanno semplicemente copiando la tua immagine (sulla tastiera) e incollandola direttamente nel loro editor di testo ricco. Quindi l'immagine che appare nel loro contenuto è in realtà ancora archiviata nel tuo server. Pertanto, chiunque si imbatta nell'immagine sul proprio sito Web richiederà comunque al server di caricare l'immagine. Questo consuma la tua larghezza di banda.

E non riceverai un biglietto di ringraziamento.

C'è solo così tanto che il tuo ingenuo altruismo dovrebbe sopportare. Su Internet proteggi i tuoi contenuti o vieni penalizzato. Inserisci questo codice nel tuo file .htaccess:

RewriteEngine attivato

RiscriviCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

Inoltre: tieni presente che alcune reti di distribuzione dei contenuti (CDN) dispongono di una funzione di prevenzione dei collegamenti hotlink incorporata.

2. Cache

I plugin di memorizzazione nella cache come W3 Total Cache sono una delle cose migliori che WordPress ha da offrire per l'ottimizzazione della velocità della pagina (lo adorano tutti ). L'alternativa (per utenti meno avanzati) è WP Super Cache.

L'idea è di creare copie (cache) di pagine, oggetti e database; minimizza gli script e integra più facilmente un sito Web WordPress con una rete di distribuzione dei contenuti (CDN).

Puoi anche assumere sviluppatori WordPress per ottenere il massimo dall'ottimizzazione delle prestazioni lato server con soluzioni di memorizzazione nella cache del database come Redis e Memcached.

Ø Il modulo di scadenza

Questo modulo Apache imposta la durata della cache per i formati di file specificati.

Ecco un modo semplificato per usarlo: il <ifmodule>. Va (nel file .htaccess) in questo modo:

<ifmodule mod_expires.c>

<Filematch “\.(jpg|png|gif|js|css|mp3|pdf)$”>

ScadeAttivo il

ExpiresDefault "accesso più 1 settimana"

</Filematch>

</ifmodulo>

Il frammento di codice sopra imposterà i file di cache di ogni file jpg/png/gif/JavaScript/CSS/mp3/e PDF in modo che scadano dopo 1 settimana, a quel punto verrà creata una nuova cache. Questo modulo è perfetto per l'uso in siti Web rich media che aggiornano regolarmente i propri contenuti.

3. Front-end

Circa l'80% dei problemi di prestazioni verrà risolto con uno sforzo del 20% nell'ottimizzazione della velocità front-end. È la legge di Pareto dello sviluppo web.

L'ottimizzazione del front-end per la velocità non è solo tecnicamente favorevole. Prima succede qualcosa sullo schermo del tuo utente, meglio si sente ad aspettare. Dovresti anche dare l' impressione di prestazioni.

Per aiutarti, ecco alcuni metodi che puoi utilizzare:

• Immagini : Comprimi come un maniaco. Più piccola è la dimensione dell'immagine/del supporto, meglio è. Usa EWWW Image Optimizer o WP Smush.it per una compressione senza perdita di qualità. Poi c'è un filtro di caricamento lento per il caricamento condizionale delle immagini se l'area della pagina che contiene dette immagini è attualmente visibile sul viewport dell'utente. Usa Lazy Load XT per questo.

• Diminuire le richieste HTTP significa meno roundtrip effettuati, migliorando quindi i tempi di caricamento. Trasforma le immagini "modello" in un unico sprite con Sprite Pad.

• Riduci a icona i fogli di stile JavaScript e CSS: rtl.css, style.css e tutti quelli personalizzati che hai aggiunto. Cerca di non usare troppe dipendenze.

4. Banca dati

Non diversamente dallo strumento di deframmentazione del disco in Windows, l'ottimizzazione del database può ripulire il back-end e liberare spazio per informazioni importanti, migliorando al contempo i tempi e le prestazioni delle query.

Revisioni di post ridondanti, vecchi commenti non approvati, metadati duplicati e altri sono le ragnatele e i coniglietti di polvere. Eliminali con strumenti come WP Sweep, WP-DB Manager, ecc.

5. Aggiornamenti

Quando segui le discussioni su Make.WordPress.org per tenerti aggiornato sulle recenti novità e sviluppi relativi alla piattaforma (è una buona abitudine per tutti, sviluppatori e utenti generici), noterai uno schema: il focus è sempre su facilità d'uso, prestazioni e sicurezza... in quest'ordine.

WordPress si aggiorna automaticamente in caso di versioni minori (per motivi di sicurezza e correzioni di bug minori) a meno che tu non abbia configurato l'impostazione. Non va bene a meno che tu non aggiorni effettivamente all'ultima versione in primo luogo.

Per ridurre l'ansia, segui questo schema utile per l'aggiornamento:

• Temi prima: assicurati di avere un tema figlio (che salverà eventuali modifiche minori che potresti aver apportato all'aspetto). L'aggiornamento si applicherà al tema principale e in questo modo riduci significativamente le possibilità di rovinare qualcosa in modo irreparabile.

• Plugin successivo: affrontali uno per uno. So che è noioso, ma sarai più preparato e informato quando un aggiornamento causa problemi di compatibilità. Nota: questo è anche il motivo per cui "less is more" quando si tratta di plugin .

• Protocollo WSOD: non correre come un pollo senza testa nel caso in cui ti trovi faccia a faccia con lo schermo bianco della morte. C'è un sacco di aiuto disponibile su Internet.

Nota di chiusura

Esegui sicurezza e manutenzione regolari per mantenere il tuo sito web in perfetta forma.

Ricorda che l'ottimizzazione della velocità è uno sforzo continuo. Tieniti aggiornato per gli ultimi sviluppi e le migliori pratiche.

Biografia dell'autore: Lucy Barret è uno sviluppatore senior di WordPress per un'importante società di sviluppo di WordPress, HireWPGeeks Ltd. Gestisce un team di sviluppatori esperti nella conversione di temi da HTML a WordPress. È anche una blogger e ama condividere le sue conoscenze con la vasta comunità di WordPress.