I 10 parametri più importanti della tua performance WordPress

Torben Simon Meier Ultimo aggiornamento 29.03.2021
10 Min.
WordPress  Performance: i 10 meccanismi più importanti
Ultimo aggiornamento 29.03.2021

Il web è pieno di consigli e trucchi su come ottimizzare le tue prestazioni di WordPress. Purtroppo, le spiegazioni e le valutazioni della rilevanza delle varie impostazioni vengono subito messe da parte. Ti mostriamo i punti di partenza e gli strumenti più importanti - in ordine sensato e con contesto. In questo modo puoi subito avere successo.

Nel frattempo abbiamo già ospitato circa 15.000 progetti WordPress. Nel processo si sono accumulati molti dati. E i clienti ci chiedono costantemente come possono ridurre ulteriormente il tempo di caricamento delle pagine dei loro WordPress progetti. Per questo motivo abbiamo sistematicamente elaborato i risultati dell'analisi dei siti dei nostri clienti degli anni precedenti. Ecco il risultato: 10 misure con le quali è possibile ottimizzare le prestazioni di WordPress in modo semplice e veloce.

Una cosa in particolare è importante: alcuni utenti sono rapidamente scoraggiati dai suggerimenti di ottimizzazione di strumenti come Google PageSpeed Insights. Lasciate che ve lo dica: Non guadagnerete più tempo di caricamento con misure di ottimizzazione complicate, ma con metodi facili da implementare.

WordPress - Suggerimenti di ottimizzazione delle prestazioni da parte di Google
Solo pochi operatori di siti possono fare qualcosa di concreto con questo messaggio. Pertanto è particolarmente importante che ci si concentri prima sulle semplici fasi di ottimizzazione e solo nella seconda fase si affrontino le misure più complicate.

Naturalmente, l'ottimizzazione del tempo di caricamento non è un fine in sé. Oltre a una migliore esperienza per i tuoi utenti, un tempo di caricamento più breve porta anche vantaggi nella visibilità della tua offerta in Google. Per questo motivo, delineerò brevemente ciò che le singole fasi di ottimizzazione sono in realtà al fine di creare il contesto appropriato.

Teoricamente, puoi lavorare dall'alto verso il basso e migliorare il tempo di caricamento della tua pagina passo dopo passo. A proposito, i primi sette punti si riferiscono anche ai tipici suggerimenti di miglioramento di Google PageSpeed Insights, che approfondiamo in questo articolo, per esempio.

#1 Caching - il fattore di performance più importante di tutti

Caching significa che il tuo sito non deve essere prima richiesto dal browser nel web server e poi costruito passo dopo passo. Invece, il tuo sito - completamente renderizzato - viene caricato da una cache.

Il vantaggio di questa cache è evidente: WordPress non deve ricalcolare il tuo sito ogni volta che il sito viene visualizzato. Poiché WordPress è basato sul lentissimo PHP, la cache qui è elementare. Tra le altre cose, impedisce che il PHP debba essere estratto.

In linea di principio, ci sono due varianti di implementazione per le cache:

  • A proposito del cachingPlugins: la maggior parte degli utenti utilizza un cachingPlugin, come W3 Total Cache o WP Super Cache. Questi sono a volte più facili, a volte un po' più complicati da impostare. In ogni caso, qui è necessaria una certa quantità di lavoro manuale.
  • Riguardo all'hoster: alcuni hoster - incluso RAIDBOXES - offrono il caching lato server. Questo significa che si può quasi sempre fare a meno del cachingPlugins . Perché il tuo fornitore di hosting si è già occupato della configurazione della cache per te.

Se avete impostato un caching performante, avete già fatto il passo più importante verso prestazioni più WordPress . Per maggiori dettagli, date un'occhiata al nostro articolo sulle basi del caching.

#2 WordPress riordino - l'ordine deve essere

Una delle cause più comuni per i lunghi tempi di carico è - secondo la nostra esperienza - un'WordPress installazione sovraccarica. E poiché questo punto di miglioramento non è menzionato da GooglePageSpeed Insights, arriva direttamente al secondo posto nella mia Top 10.

Un'WordPress installazione sovraccarica significa nella maggior parte dei casi: ci sono troppi Plugins installato. In linea di principio, meno Pluginspiù veloce è la pagina. Certo. Plugins importante e non puoi farne a meno, ma dovresti sempre controllare di tanto in tanto, che Plugins di cui hai davvero bisogno.

E: dovreste assicurarvi di non disattivare semplicemente Plugins , ma di cancellarlo completamente.

Migliorare le prestazioni diWordPress  : La tua panoramica dei plugin ti mostra esattamente quanti Plugins hai installato, attivato e ancora da aggiornare.
La tua panoramica di Plugin ti mostra esattamente quanti Plugins sono attualmente disattivati. In linea di principio, ci dovrebbe essere sempre uno zero a "Inactive". In caso contrario, chiedetevi esattamente: ho proprio bisogno del Plugin disattivato?

Lo stesso vale per Themes: non hai bisogno di più di uno.

Lo sfondo è il seguente: ogni Plugin e ogni Theme aggiunge codice PHP alla vostra pagina. Questo vale anche per Plugins disattivato. Così, la vostra pagina diventa complessivamente più ingombrante e quindi più lenta (e più vulnerabile agli attacchi). Questo perché PHP è un linguaggio di scripting molto lento. Meno ce n'è, meglio è.

Spesso, non più necessari Plugins e Themes sono resti di test funzionali e di progettazione. Pertanto, è una buona idea pulire regolarmente le tue pagineWordPress e testare nuove funzioni e design in un ambiente di prova e non sulla pagina live. In questo modo si può evitare di avere troppi resti Plugin in primo luogo.

#3 Immagini: il freno al tempo di caricamento sottovalutato

Una delle misure più efficaci e più semplici per ridurre il tempo di caricamento delle pagine è ridurre le dimensioni delle immagini. Perché qui a volte si possono salvare grandi quantità di dati. Con la cosiddetta "compressione d'immagine senza perdita", la dimensione del file delle vostre immagini viene ridotta senza alcuna perdita visibile di qualità. Così la tua pagina non cambia quasi mai, mentre allo stesso tempo puoi ridurre significativamente le sue dimensioni attraverso l'ottimizzazione delle immagini.

HTTP Archive stima che le immagini costituiscono regolarmente la maggior parte del traffico di un sito web. Ridurre le dimensioni delle vostre immagini dovrebbe quindi essere uno dei primi passi dell'ottimizzazione. Puoi fare l'ottimizzazione delle immagini manualmente, o puoi usare uno strumento di compressione Plugin.

Usare Plugin è certamente la soluzione più comoda. Questo perché Plugins non solo ti permette di comprimere le nuove immagini e le loro miniature, ma si occupa anche automaticamente di tutte le immagini esistenti sul tuo sito. Tuttavia, questo servizio è spesso soggetto a una tassa.

#4 CSS e JavaScript - sembra ingombrante, ma è facile da ottimizzare.

La seconda più grande quantità di dati sulla tua pagina è di solito il file JavaScript e CSS. È qui che molti utenti hanno paura di essere coinvolti. Ma anche senza esperienza nel codice, si può facilmente capire cosa sia l'ottimizzazione di CSS e JavaScript. Perché in linea di principio, ci sono tre cose da fare qui:

  • Riassumere: CSS e JavaScript sono nascosti in molti piccoli file individuali. Normalmente, ognuno di questi file deve essere richiesto individualmente dal browser al server web. Questo genera richieste HTTP che tendono ad aumentare il tempo di caricamento della vostra pagina. Tuttavia, se gli script sono combinati, allora il numero di file da caricare si riduce e quindi il numero di richieste. Per esempio, 53 richieste individuali diventano poco più di una dozzina. Naturalmente, Pluginspuò anche fare questo per voi.
  • Ridurre: I file CSS e JavaScript sono linee di codice che abilitano certe caratteristiche e design sulla tua pagina. Questo codice è scritto da esseri umani. Tuttavia, viene letto dalle macchine. Perché questo è rilevante? Molto di ciò di cui un umano ha bisogno per capire correttamente il codice, un computer non lo fa. Quindi gli spazi bianchi, i commenti, ecc. non sono necessari perché la tua pagina sia costruita correttamente. È qui che Plugins come Autoptimize entrano in gioco. Convertono CSS e JavaScript da codice leggibile dall'uomo a codice leggibile dalla macchina. Questo rende i singoli pacchetti di dati più piccoli e quindi il loro trasferimento più veloce.
  • Comprimere: Dopo aver riassunto e ridotto, il passo finale è la compressione dei pacchetti di dati che vengono inviati dal server web al browser. Questo significa che il server minimizza le dimensioni dei file delle singole richieste e il browser le scompatta e le calcola. Questo è più veloce dell'invio di pacchetti di dati non compressi. Puoi impostare una tale compressione GZIP per esempio tramite il caching -Plugins, tramite impostazioni manuali nel .htaccess o il tuo hoster ha già attivato una compressione sul lato server.

Anche senza conoscere gli script, è facile capire cosa portano le singole misure. E per tutti e tre i passi c'è Plugins, che permette anche ai profani di ottimizzare CSS e JavaScript. Nel nostro articolo sull'ottimizzazione di CSS e JavaScript, spieghiamo più dettagli e presentiamo vari Plugins .

Quattro vittorie!

Queste sono state le quattro aree in cui i nostri clienti hanno potuto risparmiare una quantità particolarmente grande di tempo di caricamento. Con uno sforzo relativamente piccolo, puoi migliorare significativamente le prestazioni del tuo WordPress attraverso il caching, l'ottimizzazione delle immagini, l'ottimizzazione di CSS e JavaScript e la pulizia di WordPress .

5 Senza l'hosting tutto è niente.

I primi quattro campi di ottimizzazione promettono una riduzione del tempo di caricamento particolarmente elevata, ma non possono portare a nulla se il tuo hosting ti rallenta. Questo non si riferisce tanto ai requisiti hardware di WordPress , ma piuttosto a certe tecnologie che mostrano che un hoster permette di ottimizzareWordPress di conseguenza.

Come regola generale si può ricordare che i performanti WordPress Hosting dovrebbe avere questi dati chiave:

  • Disco rigido SSD
  • Limite di memoria PHP di almeno 64MB, meglio 128MB
  • Centro dati in Germania
  • Versione PHP attuale (7.4)
  • HTTP/2 e certificato SSL gratuito

Poi c'è la differenza tra l'hosting condiviso e avere un proprio server (virtuale).

Con l'hosting condiviso, condividi il server e la sua potenza di elaborazione con altri siti. Di solito da qualche decina a qualche centinaio. Con il tuo server personale non devi condividere la potenza di calcolo con nessuno. Quindi offre il vantaggio della sicurezza delle prestazioni.

Anche se avere un proprio server non è sinonimo di migliori prestazioni, l'esperienza dimostra che soprattutto i piani di hosting economici che costano solo pochi euro al mese non possono tenere il passo dei server virtuali in termini di prestazioni.

I punti più fini - meno punch, più sforzo

Tutte le aree rilevanti per le prestazioni che ho menzionato finora possono essere ottimizzate da qualsiasi utente di WordPress . Sia tramite Plugins, semplici prove ed errori o l'acquisto di prodotti appropriati. Diventa più complicato se hai già ottimizzato queste aree. Perché allora si deve penetrare più a fondo nella struttura laterale. E le singole misure di ottimizzazione non hanno più lo stesso impatto.

#6 Renderblocking - ordine di caricamento sbagliato

Un problema che strumenti come Google PageSpeed Insights lamentano sempre è un ordine di caricamento che blocca il rendering.

Il problema diventa chiaro con un esempio: uno slider è composto da immagini e dal comando di animazione che ruota queste immagini. Se il comando JavaScript viene caricato per primo e le immagini per ultime, allora la vostra pagina ha già la funzione slider, ma non le immagini da visualizzare. Quindi la pagina impiega più tempo a caricarsi. Questa condizione può essere evitata con il corretto ordine di carico.

Anche se ci sono strumenti per ottimizzare l'ordine di caricamento Plugins, la nostra esperienza mostra che non sono sempre in grado di ottimizzare completamente la vostra pagina. Infatti, i migliori risultati in un caso del genere sono di solito raggiunti da un web designer che conosce bene la pagina e le sue funzioni.

7 Above the Fold - ottimizza l'area visibile della pagina.

Oltre al tempo di caricamento totale della tua pagina, il tempo di caricamento percepito è cruciale. Cioè, il tempo che un visitatore del tuo sito percepisce come tempo di caricamento. Questo tempo di caricamento percepito può essere accorciato con alcuni trucchi. Così, l'utente ha l'impressione che la pagina sia già completamente costruita, anche se in background viene ancora calcolata.

Particolarmente importante per ottimizzare questa zona, conosciuta come Above the Fold, è ottimizzare l'ordine di caricamento. Questo significa dare la priorità ai contenuti e alle caratteristiche che vuoi che i tuoi visitatori vedano sulla prima dimensione dello schermo.

WordPress  Performance: Immagine del Above the Fold da raidboxes.de
L'area superiore viene visualizzata al visitatore di raidboxes.de senza scorrimento. Questo è il cosiddetto Above the Fold. Per tutte le altre informazioni il visitatore deve interagire con la pagina e scorrere.

Si può ottenere questo, per esempio, ottimizzando l'ordine di caricamento. Tuttavia, c'è anche Plugins, che assicura che la vostra pagina si carichi in modo più efficiente. E solo l'area visibile. Lazy Load o a3 Lazy Load sono esempi di tali Plugins. In questo modo, l'utente ottiene sempre tutto il contenuto di cui ha bisogno, ma il tempo di caricamento della pagina può ancora beneficiarne, specialmente se si tratta di una pagina ricca di immagini.

8 Pulire il database.

Oltre alle immagini e agli script, anche il vostro database può diventare troppo grande. Ci sono anche strumenti pratici che mantengono il vostro database bello e snello. Per esempio, il Plugin WP-Optimize.

#9 Pingbacks e trackbacks

Per default, WordPress interagisce con altri siti che permettono pingback e trackback. Ogni volta che il tuo sito o uno dei tuoi blogposts è menzionato su un tale sito, il tuo sito sarà automaticamente notificato - mettendo un carico supplementare sul database.

Se non avete bisogno di questa caratteristica (il valore aggiunto è irrisorio a mio parere) dovreste disabilitare i pingback e i trackback. Di nuovo, il Plugin WP-Optimize aiuta qui. Per completezza, però, bisogna dire a questo punto che questo è più che altro un problema teorico. Finora, nessuno dei nostri clienti ha avuto gravi perdite di prestazioni.

#10 Prevenire l'hotlinking

Hotlinking significa che qualcuno si collega direttamente a un'immagine sul tuo server - effettivamente "rubando" la tua larghezza di banda. Su un server web Apache, puoi prevenire l'hotlinking aggiungendo il seguente codice al tuo file .htaccess:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?deineseite.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

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

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

Per prevenire l'hotlinking su un server NGINX, aggiungete queste righe di codice al vostro file di configurazione NGINX:

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Ripartizione del codice:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
specifica le estensioni dei file che volete proteggere dall'hotlinking, per esempio se volete proteggere i file pdf, la linea di codice dovrebbe essere così:
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Queste righe sono un po' estese, ma vi aiuteranno a capire meglio cosa potete fare con questa regola. Queste linee fondamentalmente ti dicono quali domini sono autorizzati a fare hotlink ai tuoi file. In questo esempio la tua pagina.com con tutti i sottodomini, così come Google, Bing e Yahoo.

if ($invalid_referer) {
return 403;
}
Ora quando arriva una richiesta, e la risorsa richiesta NON è in cima alla vostra whitelist, il server restituisce un 403 (Forbidden).

Altri metodi per prevenire l'hotlinking

Ci sono numerosi Plugins sicurezza nella directory ufficiale WordPress plugin che è possibile utilizzare per prevenire l'hotlinking - per esempio All In One WP Security & Firewall. Il Plugin è attivo su oltre 900.000 siti web WordPress e ha una valutazione media di 4,8 su 5 stelle (con oltre 1.000 recensioni). Inoltre, è possibile impedire l'hotlinking tramite le intestazioni CORS nelle impostazioni di BOX . Se hai qualche domanda sulla configurazione dell'intestazione del tuo BOX , sentiti libero di contattarci nel supporto.

"E il CDN?"

Una delle domande più frequenti riguarda una Content Delivery Network (CDN). Per esempio: "Un CDN rende il mio sito più veloce per i visitatori in Germania?", "Perché ho davvero bisogno di un CDN?", "Mi consiglieresti di usare un CDN per il mio blog o negozio? Nella maggior parte dei casi, però, la risposta è stata: No.

Per farla breve: Un CDN ha più senso se i tuoi utenti sono geograficamente dispersi. Per esempio, se hai clienti in Europa centrale, Sud America e Australia. Se il tuo gruppo target principale è limitato a un paese, puoi dimenticarti di un CDN per ottimizzare le tue prestazioni WordPress .

A proposito, lo sviluppatore di WordPress Ernesto Ruge ha scritto un articolo molto bello su questo problema, che posso solo raccomandarvi.

Conclusione: non aver paura dei passi di ottimizzazione dall'aspetto complicato

Spesso gli utenti hanno paura delle aree in cui è particolarmente facile risparmiare tempo di caricamento. Oppure trascurano queste aree. Altri, tuttavia, come il CDN, vengono fuori continuamente durante le consultazioni, anche se di solito non hanno alcun effetto sul tempo di caricamento della pagina.

Pertanto, posso solo consigliare di concentrarsi prima sui "frutti a basso costo" dell'ottimizzazione. Perché con uno sforzo relativamente piccolo si possono già fare grandi progressi nella riduzione del tempo di caricamento. E questo anche se sei un profano.

Quindi non lasciatevi scoraggiare dai consigli di strumenti come Google PageSpeed Insights .

Perché al suo centro, l'ottimizzazione del tempo di carico riguarda solo alcune aree:

  • Riduci le dimensioni della tua pagina
  • Riduzione delle richieste HTTP
  • Compressione dei singoli pacchetti di dati
  • Ottimizzazione dell'esperienza dell'utente

Se avete capito questo, allora potete anche girare sensatamente le 10 viti di regolazione più importanti delle prestazioni di WordPress . E per le fasi di ottimizzazione più complesse, ci sono anche esperti che possono portare il tuo sito a regime.

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati con *.