Come accelerare e ottimizzare i siti WordPress

Sep 14, 2025
Come si fa
Speed up and optimise WordPress
(Immagine di credito: Web Designer)

Wordpress è iniziata come una semplice piattaforma di blogging ma si è evoluta nel sistema di gestione dei contenuti che ora alimenta una grande percentuale di siti Web. Come il CMS più popolare, il suo rapido successo è probabile che sia un fantastico strumento generico nel mondo dello sviluppo web.

Una barriera bassa per l'ingresso e il grande ecosistema dei plugin e Temi di wordpress gratuiti consentire agli utenti meno tecnicamente esperti di costruire sistemi complessi. Ma questa può essere una spada a doppio taglio se un sito web di WordPress guadagna trazione, ridimensionata oltre il visitatore occasionale e portando a problemi.

Non sei sicuro di Wordpress? Esplora altre opzioni con il nostro elenco di Top web hosting fornitori. E se vuoi progettare facilmente un sito, prova questi brillanti costruttori di siti Web .

I primi segnali di differenza appaiono quando un nuovo utente atterra sul sito web: i tempi di caricamento possono essere escrescenti ed elementi saltare attorno alla pagina come carico di fogli di stili separati, uno per uno. Non è molto tempo prima che il server si esaurisca dalla memoria, causando l'arresto anomalo del database, richiedendo un riavvio del server per eseguire il backup del sito Web.

Per impostazione predefinita, quando un utente atterra su una pagina fornita da un sito Web di WordPress, il back-end viene eseguito attraverso il tema e qualsiasi plugin prima di rendere la pagina. Se vengono utilizzati molti plugin o il tema è scritto male, questo può comportare lunghe query del database e inclusione di JavaScript e CSS dove non è necessario.

Per fortuna, molte delle principali questioni che causano una velocità lenta può essere affrontata, e in questo tutorial guarderemo come è possibile ottimizzare anche il più stretto Siti web di wordpress. . Per aumentare le tue abilità, dare un'occhiata al nostro roundup di Tutorial di wordpress. provare.

01. Testare la velocità corrente

Il primo passo per accelerare un sito Web è quello di scoprire come si sta eseguendo per iniziare. Esiste una serie di strumenti per aiutare con questo, incluso le intuizioni PageSpeed ​​di Google e il checker di caricamento della pagina di Pingdom. Usereremo GTmetrix. Come combina diversi controlli; Vai al sito e inserisci l'URL per il sito web.

02. Esaminare i risultati

Speed up and optimise WordPress: Examine the results

GTmetrix ti dà un'analisi rapida delle prestazioni del tuo sito (Immagine di immagine: GTmetrix)

Dopo un breve ritardo GTmetrix visualizzerà i risultati del controllo e forniscano diversi punteggi da A-F. Dare anche un tempo completamente caricato e una dimensione totale della pagina. Sotto questo, viene data una ripartizione di diversi elementi.

03. Identifica i file più grandi

Una delle metriche più importanti è la dimensione totale della pagina. Questo è il file size di tutti gli elementi caricati su una pagina, come immagini, video, css e qualsiasi script che sono inclusi nella pagina. Usando GTmetrix, aprire la scheda Cascata e ordina la tabella per dimensione per trovare gli elementi più grandi nella pagina.

04. Comprimere i supporti per ridurre le dimensioni

Speed up and optimise WordPress: Compress media to reduce size

Bulk Ottimizza i tuoi media per ottenere una spinta di velocità (Immagine di credito: ewww)

Le immagini e i video sono solitamente i più grandi elementi su una pagina. Elimina i video di sfondo non necessari e assicurati di codificare il video ad una bit-rass se riproduca automaticamente. Installa il plugin. Ewww Image Optimizer. . Dalla libreria multimediale, è disponibile una nuova opzione di ottimizzazione della Bulk. Esegui questo.

Se hai un sacco di media per archiviare, abbassarlo in sicurezza in questi eccellenti deposito cloud. opzioni.

05. Ridimensiona le immagini

Speed up and optimise WordPress: Resize images

Riduce quelle immagini massicce che vengono ridimensionate nel browser (Immagine di credito: WordPress)

A volte le immagini aggiunte a una pagina sono ad alta risoluzione e quindi ridimensionate con CSS. Questo spreca la larghezza di banda come la dimensione maggiore non viene mai utilizzata. Vai al Dashboard & GT; Impostazioni e GT; Ewww Image Optimiser e seleziona Ridimensiona. Spunta "Ridimensiona il rilevamento". Ora, le pagine visualizzate da un amministratore evidenzieranno le immagini che devono essere ridimensionate. Ridimensionare queste immagini in un editor di immagini o utilizzando un CDN con dimensionamento automatico risolverà questo problema.

06. MINIFICAZIONE DI CSS, JS & AMP; Html.

Questo è il processo di rimozione dei caratteri in codice che lo rendono leggibile dall'uomo per ridurre le dimensioni della pagina. Quando si utilizza un tema di terze parti, un plug-in come Autoptimize. è perfetto per questo. Installalo, vai su Impostazioni e GT; Autoptimize & GT; Scorri verso il basso verso le opzioni CSS e selezionare "Ottimizza il codice CSS". Quando si lavora con un tema che è stato fatto su misura, il minificazione viene effettuato con strumenti di costruzione come GUPP. 

 CSS:
un {
    -Webkit-box-shadow: nessuno;
    Decorazione del testo: nessuno;
}

Minified:
A {-Webkit-Box-Shadow: None; Decorazione testo: nessuno;}

07. Combina CSS & AMP; File js.

Quando si utilizza un tema di terze parti, il plugin autoptimise può coprire la maggior parte degli scenari abilitando l'opzione "Aggregate CSS Files". Questo combina tutto il CSS per ogni pagina in un singolo file invece di molti più piccoli.

08. Deinter esterno JavaScript

Live Chat, Analytics e Tracking Tools possono raggruppare file JavaScript di grandi dimensioni che aggiungono interi secondi al momento in cui la pagina richiede per diventare interattiva. Aggiungere l'attributo differ a questi script in modo che non vengano eseguiti fino a quando il DOM ha finito di caricare. 

  & lt; script src = "path-to-file.js" defer & gt; & lt; / script & gt;

09. Esaminare i plugin

Speed up and optimise WordPress: Examine the plugins

Tratta il tuo sito in un audit del plugin severo (Immagine di credito: WordPress)

Troppi plugin possono paralizzare Wordpress. Con così tanti plugin sono gratuiti, gli sviluppatori sono sotto pressione per spingere le versioni premium del loro software e includere funzioni non necessarie e gonfie come premendo le notifiche al dashboard admin. Disabilita e rimuovi eventuali plugin che non vengono utilizzati - possono essere installati di nuovo più tardi se necessario.

10. Controllare il server del server Web

Speed up and optimise WordPress: Check web server power

Il tuo server potrebbe rallentare le cose; Ecco come identificare se questo è il caso (Credito immagine: Google)

Il motore di un sito Web è il server su cui funziona. Se il suo economico, sottovalutato e mal mantenuto, funzionerà male. Vai a Google Pagespeed Insights. e inserire l'URL del sito web. Nei risultati cerca "Riduci il tempo di risposta del server". Se questo appare sul report, è probabile che un server lento sia la colpa per le prestazioni.

11. Abilita la compressione Gzip

Gzip può ridurre la dimensione del tuo sito web prima che sia inviata a un utente. Il browser Web dell'utente decomprime quindi i dati automaticamente e lo visualizza a loro. Senza svantaggi, è importante garantire che Gzip sia abilitato. Esistono diversi strumenti per verificare se Gzip è abilitato; provare Regalofspareed. .

12. Aggiornamento a PHP 7

All'interno del cruscotto di WordPress aperta Strumenti e GT; Sito della salute e fai clic sulla scheda Info. Aprire la fisarmonica "Server" e controllare il valore per la versione PHP. Se questo è inferiore a 7.x.x è altamente raccomandato di eseguire l'aggiornamento ad almeno PHP 7.1. I test mostrano il cambiamento di questa gestione consentita di doppia doppia i visitatori simulati.

13. Impostazione della pagina nella cache

Speed up and optimise WordPress: Set up page caching

Utilizzare la cache Enabler per rendere pagine popolari a un file HTML statico più veloce (Immagine di credito: WordPress)

Vai a Plugins & GT; Aggiungi un nuovo plugin e cerca "Cache Enabler". Questo plugin leggero memorizza le pagine in una cache in modo che un visitatore che sfoglia nello stesso tempo del primo momento non causa il rendering del sito Web per il rendering della pagina due volte. Invece, il plugin rende la pagina a un file HTML statico una volta che quindi serve questo file agli utenti successivi.

14. Photon.

Diversi dispositivi rendono le immagini a diverse dimensioni, rendendo le immagini difficili da raggiungere esattamente come vengono visualizzate. Usando il servizio "fotone" gratuito, incluso in Jetpack. , Le immagini vengono automaticamente servite alla giusta misura.

15. Imposta la memorizzazione nella cache del browser

Il cache del browser indica il browser di un utente che alcuni elementi non devono essere scaricati ogni volta che ricaricano una pagina sul sito Web o tornano e visitano di nuovo. Questo può essere fatto manualmente in .htaccess o in alternativa è possibile utilizzare un plug-in come "Leverage Browser Caching".

16. Test di carico con utenti virtuali

Speed up and optimise WordPress: Load testing with virtual users

Utilizzare un servizio come loader per controllare il tuo sito può far fronte ad alta domanda (Immagine di immagine: GTmetrix)

Per simulare gli utenti reali utilizzando il sito Web e mettere il sito Web sotto stress, dovrebbe essere condotto il test di carico. Durante il monitoraggio del server per l'impatto di carico, utilizzare un servizio come Caricatore per inviare il traffico al sito web. La CPU e la memoria del server dovrebbero rimanere entro limiti sicuri.

17. Ricontrolla performance.

Una volta che le ottimizzazioni sono state eseguite, è necessario testare e valutare il miglioramento del sito web. Esegui nuovamente GTmetrix e usa la scheda Cronologia per vedere la differenza nel tempo di caricamento della pagina. Se la cache è stata abilitata, assicurarsi di visitare il sito Web almeno una volta per "privare" la cache prima di effettuare il test.

Questo articolo è stato originariamente pubblicato in emissione 292 della rivista creativa di web design Web designer . Comprare il problema 292. .

GenerateJS banner

(Immagine di credito: futuro / TOA HEFIBA, UNSPLASH)

Unisciti a noi nell'aprile del 2020 per vedere la nostra formazione di JavaScript Superstar a Generatejs: la conferenza che ti aiuta a costruire un migliore JavaScript. Prenota ora a. generateconf.com.

Articoli Correlati:

  • Come girare WordPress in un costruttore visivo
  • 26 Temi di portfolio WordPress di alta qualità

Come si fa - Articoli più popolari

Adobe Fresco Tutorial: crea un ritratto nell'app di pittura

Come si fa Sep 14, 2025

(Immagine di immagine: Phil Galloway) Per questo tutorial Adobe Affresco, creerò un ritratto vibrante ed emotivo, mo..

Come disegnare un uccello

Come si fa Sep 14, 2025

Imparare a disegnare un uccello può essere un passatempo brillante. Se stai cercando di affinare le tue abilità di disegno o stai pensando di prendere un..

Come configurare il sito del sito con le variabili CSS

Come si fa Sep 14, 2025

Le proprietà personalizzate CSS, comunemente note come variabili CSS, sono ora supportate da tutti i principali browser moderni...

Genera tavolozze di colori senza fine con Khroma

Come si fa Sep 14, 2025

Uso eccellente di Teoria dei colori Nel design è una di quelle cose che separano il grande dalla media. Sebbene s..

4 Suggerimenti per migliorare le prestazioni della tua pagina

Come si fa Sep 14, 2025

Analista performance web Henri Helvetica. condividerà i suoi PRO suggerimenti su come au..

Costruisci app che funzionano offline

Come si fa Sep 14, 2025

Per lungo tempo, funzionalità offline, la sincronizzazione dello sfondo e le notifiche push hanno differenziate app native dalle..

Come creare le tue tavole di tela

Come si fa Sep 14, 2025

Rendere le tue tavole di tela è divertente, veloce e può farti risparmiare denaro. Ti dà anche un prodotto superiore e la fles..

Crea un'app che raccoglie i dati del sensore

Come si fa Sep 14, 2025

Oggi piattaforme a prezzi accessibili per lo sviluppo di prodotti interconnessi si godono di una diffusa disponibilità, e abbiam..

Categorie