I 10 parametri più importanti della vostra WordPress -Performance

10 Min.
WordPress  Performance: i 10 meccanismi più importanti

Il web è brulicante di consigli e trucchi su come ottimizzare le vostre WordPress prestazioni. Purtroppo, le spiegazioni e le valutazioni della rilevanza delle varie impostazioni vengono rapidamente messe da parte. Vi mostriamo i punti di partenza e gli strumenti importanti - in un ordine ragionevole e con il contesto. In questo modo si può raggiungere il successo molto rapidamente.

Nel frattempo abbiamo già ospitato circa 15.000 WordPress progetti. 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. Il risultato: 10 misure con le quali è possibile ottimizzare le WordPress prestazioni in modo semplice e veloce.

Una cosa è particolarmente importante: alcuni utenti sono rapidamente presi dai suggerimenti di ottimizzazione di strumenti come Google PageSpeed Insights dissuadere. Lasciate che ve lo dica: Non si guadagna la maggior parte del tempo di caricamento con complicate misure di ottimizzazione, ma con metodi facili da implementare.

WordPress -Suggerimenti per l'ottimizzazione delle prestazioni di Google
Solo pochi operatori secondari 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 dei tempi di caricamento non è fine a se stessa. Oltre a una migliore esperienza per i vostri utenti, un tempo di caricamento più breve porta anche Vantaggi di visibilità della vostra offerta su Google. Vi illustrerò quindi brevemente quali sono le singole fasi di ottimizzazione per creare il contesto appropriato.

Quindi teoricamente si può lavorare dall'alto verso il basso e migliorare il tempo di caricamento della pagina passo dopo passo. A proposito, i primi sette punti si riferiscono anche ai tipici suggerimenti di miglioramento di Google PageSpeed Insightsa cui ci riferiamo, ad esempio, in questo articolo in modo più dettagliato.

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

Caching significa che la vostra pagina non deve essere prima richiesta al server web dal browser e poi costruita passo dopo passo. Invece, la vostra pagina - completamente renderizzata - viene caricata da una cache.

Il vantaggio di questo buffering è evidente: WordPress non deve ricalcolare la vostra pagina ogni volta che la visitate. Perché WordPress basata sul lentissimo PHP, la cache è elementare qui. Tra le altre cose, impedisce che il PHP debba essere letto.

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

  • A proposito di cachingPlugins: La maggior parte degli utenti utilizza un cachingPlugin, come W3 Cache totale oppure WP Super Cache. Queste sono a volte più semplici, a volte più complicate da impostare. In ogni caso, in questo caso è necessaria una certa quantità di lavoro manuale.
  • A proposito dell'hoster: Alcuni hoster - quindi anche RAIDBOXES - offrono il caching lato server. Questo significa che si può quasi sempre fare a meno del cachingPlugins . Perché il vostro fornitore di hosting ha il Configurazione della memoria cache ha già preso il tuo posto.

Se avete impostato un caching ad alte prestazioni, avete già fatto il passo più importante verso una migliore WordPress performance. Per maggiori dettagli si prega di dare un'occhiata al nostro articolo sul Nozioni di base di cache in funzione.

ebook: Misurate le prestazioni del vostro sito come un professionista

#2 WordPress riordinare - 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: si dovrebbe fare attenzione a Pluginsnon disattivarle semplicemente, ma a cancellarle completamente.

WordPress  Migliorare le prestazioni: La vostra panoramica dei plugin vi mostra esattamente quanti ne Pluginsavete installati, attivati e ancora da aggiornare.
Il vostro Plugin-La panoramica mostra esattamente quanti sono Pluginsattualmente disabilitati. In linea di principio, dovrebbe esserci sempre uno zero nel campo "Inattivo". In caso contrario, chiedetevi esattamente: ho bisogno di disattivare la funzione Plugin mai?

Lo stesso vale per Themes: Non ne serve più di uno.

Lo sfondo è il seguente: Qualsiasi Plugine tutti Themeaggiungono codice PHP alla vostra pagina. Questo vale anche per i disabili Plugins. Questo rende il vostro sito più ingombrante e quindi più lento (e più vulnerabile agli attacchi). PHP è un linguaggio di scripting molto lento. Meno di questo è presente, meglio è.

Spesso non sono più necessari Pluginse Themesresti di prove di funzionamento e di progettazione. Pertanto, da un lato, ha senso WordPress -Pagine da pulire regolarmente e d'altra parte si dovrebbero aggiungere nuove caratteristiche e design in un Ambiente di prova e non dal vivo. In questo modo non si possono accumulare troppi Pluginavanzi.

#3 immagini: il freno del tempo di carico sottovalutato

Una delle misure più efficaci e semplici per ridurre i tempi di caricamento delle pagine è il ridimensionamento delle immagini. Perché qui è possibile salvare in parte grandi quantità di dati. Con il cosiddetto "compressione dell'immagine senza perdita di dati" ridurrà la dimensione del file delle vostre immagini senza perdita visibile di qualità. Quindi la vostra pagina non cambia quasi per niente, ma allo stesso tempo potete ridurre notevolmente le sue dimensioni grazie all'ottimizzazione delle immagini.

stime di Archivio HTTP Secondo lo studio, le immagini costituiscono regolarmente la quota maggiore del volume di dati di un sito web. Il ritiro delle immagini dovrebbe quindi essere uno dei primi passi dell'ottimizzazione. È possibile eseguire un'ottimizzazione delle immagini manualmente, oppure utilizzare una compressione Plugin.

Usarne uno Plugin è certamente la soluzione più conveniente. Non solo Plugins consentono di comprimere le nuove immagini e le loro miniature, ma prendono automaticamente tutte le immagini esistenti dal vostro sito. Tuttavia, questo servizio è spesso a pagamento.

#4 CSS e JavaScript - sembra poco maneggevole, ma è facile da ottimizzare

La seconda maggiore quantità di dati sul vostro sito è solitamente costituita da file JavaScript e CSS. Molti utenti hanno particolarmente paura di toccare questi file. Ma anche senza la conoscenza del codice, si può facilmente capire cosa sia l'ottimizzazione CSS e JavaScript. Perché in linea di principio ci sono tre cose da fare prima:

  • Riassumere: CSS e JavaScript sono nascosti in molti piccoli file singoli. Normalmente ognuno di questi file deve essere richiesto singolarmente dal browser al server web. Questo genera richieste HTTP, che tendono ad aumentare il tempo di caricamento della pagina. Tuttavia, quando gli script vengono combinati, il numero di file da caricare e quindi il numero di richieste si riduce. Ad esempio, 53 richieste individuali diventano poco più di una dozzina. Naturalmente, il corrispondente Plugins ...fare per te.
  • Ridurre: I file CSS e JavaScript sono linee di codice che abilitano determinate funzioni e disegni sulla vostra pagina. Questo codice è scritto da esseri umani. Ma viene letto dalle macchine. Perché è rilevante? Molto di ciò di cui un essere umano ha bisogno per comprendere correttamente il codice non è necessario a un computer. Non sono necessari spazi, commenti, ecc. per costruire correttamente la pagina. Metti Plugins qui come Autoptimize in funzione. Essi convertono CSS e JavaScript da codice umano a codice leggibile da macchina. Questo rende i singoli pacchetti di dati più piccoli e la loro trasmissione più veloce.
  • Comprimere: Dopo la fusione e la riduzione, l'ultimo passo è quello di comprimere i pacchetti di dati che vengono inviati dal server web al browser. Ciò significa che il server riduce al minimo 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. È possibile impostare un Compressione GZIP ad esempio tramite cachingPlugins, tramite impostazioni manuali nel file .htaccess o il vostro hoster ha già attivato la compressione sul server.

Anche senza la conoscenza delle sceneggiature è quindi facile capire quali sono i risultati delle singole misure. E per tutte e tre le fasi di lavoro ci Pluginssono anche dei profani che possono ottimizzare CSS e JavaScript. Nel nostro Articoli su CSS e ottimizzazione JavaScriptvi spiegheremo ulteriori dettagli e ve ne presenteremo alcuniPlugins .

Quattro vittorie!

Queste sono state le quattro aree in cui i nostri clienti hanno potuto risparmiare un tempo di carico particolarmente elevato. Con relativamente poco sforzo, è possibile migliorare le proprie WordPress prestazioni attraverso il caching, l'ottimizzazione delle immagini, l'ottimizzazione di CSS & JavaScript e la pulizia.

#5 Senza ospitare tutto è niente

I primi quattro campi di ottimizzazione promettono di ridurre i tempi di caricamento, ma possono essere uno sforzo sprecato se il vostro hosting vi rallenta. Questo significa che meno del Requisiti hardware per WordPress mezzi, ma piuttosto alcune tecnologie che mostrano che un hoster permette anche di ottimizzareWordPress di conseguenza.

Come regola generale, si può ricordare che l'esecutore WordPress Hosting dovrebbe avere questi dati chiave:

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

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

Con l'hosting condiviso si condivide il server e la sua potenza di calcolo con altri siti. Di solito da qualche dozzina a qualche centinaio. Se si dispone di un proprio server, non è necessario condividere la potenza di calcolo con nessuno. Quindi offre il vantaggio della sicurezza delle prestazioni.

Anche se un server proprio non è sinonimo di maggiori prestazioni, l'esperienza dimostra che soprattutto le tariffe di hosting a basso costo, che costano solo pochi euro al mese, non possono competere con i server virtuali in termini di prestazioni.

I 10 parametri più importanti della vostra WordPress -Performance

I punti più fini - meno potenza penetrante, più sforzo

Tutte le aree rilevanti per le prestazioni che ho menzionato finora possono essere ottimizzate praticamente da qualsiasi WordPress utente. Sia tramite Plugins, semplice test o l'acquisto di prodotti appropriati. Diventa più complicato se si sono già ottimizzate queste aree. Perché poi bisogna andare più a fondo nella struttura del sito. E le misure di ottimizzazione individuale non hanno più lo stesso potere penetrante.

#6 Blocco del rendering - ordine errato durante il caricamento

Un punto che strumenti come Google criticano PageSpeed Insights ripetutamente è un ordine di caricamento che blocca il rendering.

Un esempio illustra il problema: un cursore è costituito da immagini e dal comando di animazione che fa ruotare queste immagini. Se il comando JavaScript viene caricato per primo e le immagini alla fine, la vostra pagina ha già la funzione del cursore, ma non le immagini da visualizzare. Quindi il caricamento della pagina richiede più tempo. Questo stato può essere evitato con il corretto ordine di carico.

Mentre ci sono modi per ottimizzare l'ordine Pluginsdi carico , ma la nostra esperienza dimostra che questi non sono sempre in grado di ottimizzare completamente il vostro sito . I migliori risultati in questo caso sono di solito ottenuti da un web designer che conosce bene il sito e le sue funzioni.

#7 Sopra la piega - ottimizzare l'area visibile della pagina

Oltre al tempo totale di caricamento della vostra pagina, il tempo di carico percepito Decisivo. Quindi il tempo che un visitatore del vostro sito percepisce come tempo di caricamento. Questo tempo di caricamento percepito può essere ridotto con alcuni trucchi. Ad esempio, un utente ha l'impressione che la pagina sia già completamente costruita, anche se i calcoli sono ancora in background.

Particolarmente importante per l'ottimizzazione di questo come Sopra la piega è l'ottimizzazione della sequenza di caricamento. Ciò significa che i contenuti e le funzioni hanno la priorità che i visitatori devono vedere nella prima dimensione dello schermo.

WordPress  Performance: Illustrazione della piega sopra la piega di raidboxes.de
L'area superiore è riservata ai visitatori da raidboxes.com viene visualizzato senza scorrimento. Questo è il cosiddetto "Above the Fold". Per tutte le altre informazioni il visitatore deve interagire con la pagina e scorrere.

Questo si può ottenere, ad esempio, ottimizzando la sequenza di caricamento. Ma ci sono anche Pluginsquelli che fanno in modo che il vostro sito si carichi in modo più efficiente. E solo l'area visibile. carico pigro oppure a3 Carico pigro sono esempi di tali Plugins. In questo modo, l'utente ottiene sempre tutti i contenuti di cui ha bisogno, ma il tempo di caricamento della pagina può comunque beneficiare, soprattutto se la pagina è pesantemente occupata da immagini.

#8 Pulisci il database

Oltre alle immagini e agli script, il vostro database può diventare troppo grande. Anche in questo caso, ci sono strumenti utili per mantenere il vostro database bello e snello. Per esempio il Plugin Ottimizzazione del WP.

#9 Pingback e trackback

Per impostazione predefinita, interagisce WordPress con altre pagine che consentono pingback e trackback. Ogni volta che il vostro sito o uno dei vostri post del blog viene menzionato su una pagina di questo tipo, il vostro sito sarà automaticamente notificato - e il database sarà sovraccarico.

Se non avete bisogno di questa funzione (il valore aggiunto è a mio parere trascurabile) dovreste disabilitare i pingback e i trackback. Anche in questo caso, il Plugin WP-Optimize aiuta. Per completezza, va detto qui che questo è più che altro un problema teorico. Nessuno dei nostri clienti ha subito gravi perdite di performance.

#10 Prevenire l'hotlinking

Hotlinking significa che qualcuno si collega direttamente a un'immagine sul vostro server - così alla fine la vostra larghezza di banda viene "rubata". Su un server web Apache, è possibile evitare l'hotlinking aggiungendo il seguente codice al 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 evitare l'hotlinking su un server NGINX, aggiungete queste righe di codice al vostro file NGINX wp-config:

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 si desidera proteggere dall'hotlinking, ad esempio, se si desidera ancora proteggere i file pdf, la riga di codice sarebbe come questa
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Queste linee sono un po' ampie, ma vi aiuteranno a capire meglio cosa si può fare con questa regola. Queste righe indicano quali domini sono ammessi per l'hotlink dei vostri file. In questo esempio yoursite.com con tutti i sottodomini, così come Google, Bing e Yahoo.

if ($invalid_referer) {
return 403;
}
Se arriva una richiesta e la risorsa richiesta NON è in cima alla vostra whitelist, il server restituirà un 403 (Vietato).

Non avete accesso a wp-config?

Vi chiedete cosa potete fare se le modifiche al wp-config al vostro hoster (come ad esempio a RAIDBOXES ) non sono possibili? In questo caso ci sono numerosePlugins misure di sicurezza disponibili nel funzionario WordPress Elenco dei pluginche impediscono l'hotlinking. Uno Pluginche offre questa funzione è ad esempio All In One WP Security & Firewall. Plugin È attivo su oltre 800.000 WordPress pagine e ha una valutazione media di 4,8 stelle su 5 (su quasi 1.000 recensioni).

"E la CDN?

Una delle domande più frequenti riguarda un CDN. Per esempio: "Un CDN rende il mio sito più veloce per i visitatori in Germania?", "Perché ho bisogno di un CDN?", "Consiglieresti di utilizzare un CDN per il mio blog o per il mio negozio? Ma nella maggior parte dei casi la risposta è stata: No.

Per farla breve: un CDN ha più senso se i vostri utenti sono geograficamente dispersi. Ad esempio, se avete clienti in Europa centrale, Sud America e Australia. Se il vostro gruppo target principale è limitato ad un solo paese, potete abbandonare direttamente un CDN per ottimizzare le vostre WordPress prestazioni.

Lo WordPress -sviluppatore ha Ernesto Ruge a proposito, un articolo molto bello ...che posso solo consigliare a voi.

RAIDBOXES  FREE-DEV programma

Conclusione: non abbiate paura delle fasi di ottimizzazione apparentemente complicate

Spesso gli utenti hanno paura di toccare queste aree in cui è possibile risparmiare tempo di ricarica con particolare facilità. Oppure trascurano queste aree. Altri, invece, come il CDN, si ripresentano sempre più spesso durante le consultazioni, anche se di solito non hanno alcun effetto sul tempo di caricamento delle pagine.

Pertanto, posso solo consigliarvi di concentrarvi prima di tutto sui "frutti appesi bassi" dell'ottimizzazione. Con uno sforzo relativamente ridotto, si possono già fare grandi progressi nella riduzione del tempo di carico. E che anche se sei un laico.

Quindi non lasciatevi PageSpeed Insightsturbare dai consigli di strumenti come Google.

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

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

Se avete capito questo, allora potete anche girare in modo sensato le 10 viti di regolazione più importanti della WordPress prestazione. E per le fasi di ottimizzazione più complesse, ci sono anche esperti in grado di mettere il vostro sito al passo con i tempi.

Articoli correlati

Commenti su questo articolo

Scrivi un commento

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