Velocizzare WordPress. Come velocizzare WordPress

Traduzione

La velocità e la tolleranza agli errori sono uno dei fattori che influenzano invariabilmente la popolarità della tua risorsa, perché anche con i migliori contenuti al mondo, un sito lento irriterà i lettori e prima o poi li perderai. In questo articolo ottimizzeremo il motore di blogging più popolare: Wordpress, in esecuzione su PHP. Allo stesso tempo, diamo un’occhiata ad alcuni punti generali sull’ottimizzazione del sito web.

1 Testare la velocità attuale

Per scoprire se è cambiato qualcosa dopo la nostra ottimizzazione, non sarebbe male misurare prima la velocità di caricamento attuale delle pagine del tuo blog, in modo da avere qualcosa con cui confrontarti. Esistono diversi strumenti che ti aiuteranno a farlo:

Non dimenticare di aggiornare all'ultima versione di PHP e Apache.

3.1 Disabilitare i servizi non utilizzati

Puoi ottenere più RAM disponibile disabilitando i servizi inutilizzati e ottimizzando MySQL e Apache.

Rimuovere ClamD;
Configura SpamD per utilizzare solo 1 processo figlio;
Disinstalla Mailman, a meno che, ovviamente, non intendi eseguire un servizio di posta elettronica.

3.2 Cache delle query MYSQL

Poiché la stabilità e la velocità di Wordpress dipendono in larga misura dal funzionamento del database, dovresti assicurarti che le impostazioni siano presenti mio.cnf corrispondono alle capacità del server. Prima di tutto, dovresti configurare le impostazioni di memorizzazione nella cache delle richieste aggiungendo mio.cnf le seguenti righe:

query_cache_type = 1
query_cache_limit = 2M
dimensione_cache_query = 20 milioni

Affinché le impostazioni abbiano effetto, dovrai riavviare il servizio MySQL.

3.3 Cache del compilatore: XCache o Eaccelerator?

La cache del compilatore aumenta le prestazioni degli script compilati sul server memorizzandoli nella cache: ciò contribuirà a ridurre il tempo di esecuzione degli script PHP. Vale la pena provare entrambe le soluzioni, ma secondo i risultati sperimentali l'aumento di prestazioni utilizzando Xcache è superiore del 5% rispetto a Eaccelerator.

3.4 Aumentare il numero massimo di connessioni su Apache

Aumento del numero massimo di connessioni in httpd.conf aumenterà la produttività, perché il server sarà in grado di gestire più connessioni alla volta. Tuttavia, dovresti modificare questa impostazione con attenzione per non esaurire l'intera quantità di RAM e rallentare il server, quindi prova sempre le nuove impostazioni prima di metterle in funzione. Stabiliamo, ad esempio, 150 connessioni:

connessioni_max = 150

Non dimenticare di riavviare il servizio Apache per applicare le impostazioni.

4 Ottimizzazione del codice e della grafica

Quindi, il server è attivo e funzionante e ora è il momento di giocare con il codice Wordpress.

4.1 Disabilitare i collegamenti rapidi

Ogni volta che utilizzi il tuo server per archiviare immagini, utilizzi molte più risorse. Molto spesso, le persone prendono in prestito le tue immagini collegandole sui loro server. Ciò non solo occupa il canale, ma crea anche un certo carico sul server.
Aggiungi il seguente codice a .htaccess file, sostituzione esempio.com al tuo nome di dominio per disabilitare l'uso degli hotlink:

< IfModule mod_rewrite .c >
RewriteEngine acceso
RiscriviCond %(HTTP_REFERER) !^$
RiscriviCond %(HTTP_REFERER) !^http://(www\.)?esempio\.com/.*$
RewriteRule .*\.(gif|jpg|png|ico)$ -

4.2 Utilizzare l'hosting esterno per archiviare le immagini

L'hosting di immagini su server esterni aiuterà a ridurre significativamente il carico sul server. Nell'esempio seguente, puoi notare una diminuzione della quantità di RAM utilizzata su uno dei blog dopo aver spostato le immagini su Amazon S3.

4.3 Comprimere il codice script Java

Comprimere JavaScript è un compito abbastanza semplice. Poiché viene eseguito ad ogni visualizzazione di pagina, puoi ridurre la dimensione del Javascript rimuovendo tutto lo spazio bianco. Ecco un semplice strumento che può farlo per te: JavaScript Compressor.

4.4 Javascript nella parte superiore della pagina

Accade spesso che il sito inizi a caricarsi lentamente o si fermi del tutto, perché... un'altra risorsa da cui viene richiamato javascript (ad esempio Digg badge, Tweetmeme, ecc.) non è disponibile o è offline. Per evitare ciò, posiziona tutto il codice javascript alla fine della pagina e ciò che non è stato possibile includere per qualche motivo, prova a racchiuderlo in un iFrame.

4.5 Utilizza la cache del browser

La cache del browser in sé, ovviamente, non renderà il tuo blog più veloce, ma aiuterà a ridurre il carico sul server memorizzando nella cache gli oggetti caricati di frequente (stili, elementi dell'interfaccia, ecc.).
Prova a incollare il seguente codice in .htaccess file:

Dimensione FileETag MTime
< ifmodule mod_expires .c >
< filesmatch "\.(jpg|gif|png|css|js)$" >
ScadeAttiva il
ExpiresDefault "accesso più 1 anno"

4.6 Comprimere i dati statici

È possibile ridurre la dimensione del caricamento della pagina consentendo al browser di ricevere e trasmettere dati in formato compresso. Ciò ridurrà anche il carico del canale e la quantità di dati scaricati.
Il seguente codice in .htaccess può aiutarti con questo:

AddOutputFilterByType DEFLATE testo/testo html/testo semplice/applicazione xml/applicazione xml/xhtml+testo xml/testo javascript/applicazione css/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0 no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html

4.7 Utilizzare CDN per file statici

Se memorizzi tutte le immagini sullo stesso dominio, il browser attenderà che vengano caricate una dopo l'altra. Diciamo che ne hai 12 sulla pagina, se li dividi in tre sottodomini, verranno caricati contemporaneamente da tre fonti “diverse” invece di essere caricati dal browser uno per uno.
Puoi provare a spostare tutti i file CSS e Javascript in files.tuosito.com e immagini e file temporanei su statico.tuosito.com. Oppure utilizza semplicemente CDN (Content Delivery Network), una vasta rete di server situati in tutto il mondo, che ti consentirà non solo di archiviare i tuoi file su diversi sottodomini, il che significa scaricarli in parallelo, ma anche di fornire dati all'utente da il server più vicino a lui. Tutto ciò ti consentirà di caricare i dati molto più velocemente.

5 WordPress

In questa parte dell'articolo esamineremo le tecniche di miglioramento delle prestazioni che possono essere applicate direttamente a Wordpress.

5.1 Aggiornamento all'ultima versione

L'aggiornamento alle versioni più recenti non solo risolve le vulnerabilità rilevate, ma migliora anche le prestazioni. Ad esempio, in WordPress 2.8 il lavoro con il database è stato notevolmente ottimizzato.

5.2 Disabilitare le revisioni post

In tutte le versioni di WordPress, a partire dalla 2.6, le revisioni dei tuoi articoli venivano salvate automaticamente ogni volta che li modificavi. Ciò rallenta il database e ne aumenta inutilmente le dimensioni.
Per disabilitare le revisioni dei post, aggiungi la seguente riga a wp-config.php :

define("WP_POST_REVISIONS", false);

Per eliminare le revisioni di testo salvate in precedenza, esegui la seguente query in PHPmyadmin:

ELIMINA a,b,c
DA wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
SINISTRA JOIN wp_postmeta c ON (a.ID = c.post_id)
DOVE a.post_type = "revisione"

5.3 Ridurre il numero di richieste

Rimuovi le richieste non necessarie per accelerare la generazione della pagina. Ad esempio, quello che segue è un codice tipico che si trova in tutti i temi WordPress:

< meta http-equiv ="Content-Type" content ="< ?php bloginfo ("html_type" ); ?>; set di caratteri= " />

Possiamo facilmente riscriverlo in:

< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" />

Già due richieste in meno. Abbastanza semplice, non è vero?

6 plugin WordPress

E infine, porto alla tua attenzione diversi plugin che possono migliorare le prestazioni di WordPress. Una volta completato tutto quanto sopra descritto, questi plugin ti aiuteranno a ottenere prestazioni ancora migliori.

Wordpress nell'installazione standard è piuttosto lento. Per impostazione predefinita, il motore non utilizza alcune funzionalità del Web moderno per accelerare significativamente le sue prestazioni. Esistono un sacco di plugin per l'ottimizzazione di Wordpress. Mettiamoli in ordine ed eseguiamo un'ottimizzazione importante.

Prima di iniziare, vediamo cosa mostra una semplice installazione di WordPress tramite Pagespeed:

Un punteggio di 76 su 100 è piuttosto basso. Vediamo quanto possiamo aumentare questa cifra.

Parte server

Nginx

Se non usi ancora Nginx, è ora di passarci. Una soluzione semplice e potente. Configurazione per lavorare con il supporto dei permalink e la memorizzazione nella cache statica:

Server ( nome_server wp.com; root /var/www/wp; # percorso dell'indice WP indice.php; posizione ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf |rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ ( access_log off; log_not_found off; scadenza max; # memorizzazione nella cache statica ) posizione / ( try_files $uri $uri/ /index.php?$args; # permalinks ) posizione ~ \.php$ ( fastcgi_pass unix:/var/run/php5-fpm.sock ; fastcgi_index indice.php; include fastcgi_params;

Cache PHP

A meno che tu non abbia qualche motivo speciale per cui non puoi installare APC, assicurati di abilitarlo. Controlliamo la presenza di APC (in risposta riceveremo un elenco di impostazioni APC):

Php -i | grepapc

Le versioni di PHP successive alla 5.5 hanno un modulo opCache integrato, quindi non è necessario installare APC.

Ottimizzazione MySQL

Wordpress utilizza InnoDB, il che significa che possiamo aumentare significativamente le prestazioni di MySQL adattando una serie di parametri (file my.cnf) al nostro hardware:

È meglio impostare la dimensione del buffer InnoDB sulla metà della RAM disponibile:

Innodb_buffer_pool_size = 256M

Non dimenticare di abilitare la memorizzazione nella cache MySQL:

Dimensione_cache_query = 32 milioni limite_cache_query = 1 milione

Configurazione MySQL più avanzata per Wordpress.

Memorizzazione nella cache

Questo è il punto più importante. La memorizzazione nella cache può velocizzare notevolmente un sito Web e risparmiare risorse del server. Per chiarezza useremo ab di Apache. Controlliamo l'installazione standard di Wordpress senza memorizzazione nella cache. Inviamo le richieste attraverso la rete locale, quindi nient'altro che Wordpress stesso crea un ritardo:

Ab -c 10 -n 500 http://wordpress/

Otteniamo un tempo medio per richiesta di circa 50ms:

Totale trasferito: 4183000 byte HTML trasferito: 4074500 byte Richieste al secondo: 17,62 [#/sec] (media) Tempo per richiesta: 567,421 (media) Tempo per richiesta: 56,742 (media, tra tutte le richieste simultanee) Velocità di trasferimento: 143,98 ricevute

Chrome mostra un'attesa media di risposta di 150 ms (server situato nei Paesi Bassi):

WP Super Cache

Questo plugin ti consente di abilitare la memorizzazione nella cache letteralmente in un'unica azione. Oltre alle impostazioni standard, contiene un gran numero di parametri per l'ottimizzazione della cache. Scarica il plugin, attivalo nel pannello di controllo e abilita la cache:

Con WP Super Cache abilitato, riduciamo il tempo medio per richiesta di 25 volte (!):

Totale trasferito: 4293500 byte HTML trasferito: 4146500 byte Richieste al secondo: 499,01 [#/sec] (media) Tempo per richiesta: 20,040 (media) Tempo per richiesta: 2,004 (media, tra tutte le richieste simultanee) Velocità di trasferimento: 4184,61 ricevuti

L'attesa media per una risposta in Chrome è diminuita di 3 volte:

Come alternativa lato server a WP Super Cache, puoi utilizzare Varnish. Ti consente di ridurre i tempi di elaborazione di una richiesta di quasi un ordine di grandezza, ma la soluzione stessa è meno flessibile (adatta per blog senza elementi dinamici).

Stili, script e immagini

Minimizzazione e compressione

Minimizzando CSS/JS puoi risparmiare il 10...15% della loro dimensione. Per abilitare la minimizzazione statica c'è un modulo WP Minify. Scarica, attiva e il modulo inizierà a funzionare. Gzip ridurrà più volte la dimensione dei file di testo. In Nginx"e è abilitato in questo modo:

Server ( ... gzip on; gzip_disable "msie6"; gzip_types testo/testo semplice/applicazione css/applicazione json/testo x-javascript/applicazione xml/applicazione xml/testo xml+rss/applicazione javascript/javascript; ... )

Ottimizzazione dell'immagine

Le immagini possono costituire una porzione molto ampia della dimensione complessiva della pagina. La compressione delle immagini senza perdita di dati può far risparmiare il 30...40% delle loro dimensioni. Il modulo EWWW Image Optimizer può farlo. Perché funzioni dovrai installare imagemagick e la libreria gd:

Apt-get installa imagemagick php5-gd

Buone pratiche ed esperienza

È meglio scegliere VPS per l'hosting Wordpress. Sull'hosting condiviso, gran parte di ciò che è descritto sopra non può essere fatto. Inoltre, il VPS ora è abbastanza economico.
Testa i temi con Pagespeed prima dell'uso
Svuota il cestino
Elimina le revisioni dei vecchi post
Elimina i commenti spam
Disattiva i trackback quando le cose diventano davvero lente
Condividi RSS tramite feedburner

Di conseguenza

Siamo stati in grado di velocizzare un'installazione semplice di Wordpress di quasi 100 volte nel tempo di generazione della pagina (abbiamo abilitato Varnish) e aumentare il punteggio Pagespeed da 76 a 93:

Presento le istruzioni più complete con i modi per velocizzare un sito Web su WordPress. Utilizzando i metodi descritti di seguito, ho accelerato il tempo di caricamento del mio sito da 24,40 secondi a 1,41 secondi. Velocità di download aumentata di 17,3 volte! Buon risultato. Per scoprire come, leggi l’articolo completo.

Ho misurato la velocità del sito utilizzando il servizio Pingdom Speed Test. Testato la pagina principale del sito. Vedi di seguito gli indicatori del sito “prima” e “dopo” i miglioramenti e le istruzioni brevi e complete per velocizzare il sito.

Indicatori della velocità di caricamento del sito web

Screenshot della misurazione della velocità PRIMA dell'ottimizzazione blog:

Screenshot della misurazione della velocità dopo l'ottimizzazione e le raccomandazioni riportate di seguito.
.

Un breve riassunto su come velocizzare un sito WordPress

L'influenza principale sulla velocità è stata data da fattori quali la modifica dell'hosting utilizzando unità SSD, l'ottimizzazione delle immagini, l'attivazione del plug-in di memorizzazione nella cache W3 Total Cache, l'ottimizzazione del database del sito, l'eliminazione di vecchie revisioni, l'attivazione della compressione dei file sul lato server, l'attivazione di una cache per file statici sul lato browser. Quella che segue è un'istruzione dettagliata completa su come velocizzare un sito Web su WordPress.

Istruzioni complete su come velocizzare un sito WordPress

1. Hosting SSD di alta qualità, ping veloce

L'hosting deve essere su unità SSD. È consigliabile che i server di hosting siano ubicati nell'area geografica a cui è rivolto il sito. Se l'hosting è su un SSD, ma negli Stati Uniti, e il tuo blog è focalizzato sulla Russia e sui paesi della CSI, un tale SSD sarà di scarsa utilità. Poiché ci sarà un lungo ping per comunicare con il server. Pertanto, anche l’ubicazione del data center di hosting è importante. Questo è un parametro di hosting importante: ping veloce, risposta del server. E in modo che l'hoster non venda troppo i servizi. Per quanto riguarda il tipo di hosting, ovviamente è meglio prendere un VDS (server virtuale dedicato) con i parametri necessari per il tuo sito, invece del normale hosting condiviso. Quale configurazione VDS scegliere dipende dal carico che il tuo sito web crea non sul server e dalla dimensione del suo pubblico giornaliero. Consiglierei di prendere almeno 1 Gb di Ram, 1 core del processore e SSD da 10 GB. All'inizio avevo VDS su normali unità HDD, poi l'ho cambiato con l'hosting VDS SSD.

Ospitare "Prima":

Vietando l'indicizzazione del sito in questo modo, è possibile ridurre il carico sull'hosting, e quindi velocizzare il caricamento del sito, liberando risorse del server.

5. Configurazione del file .htaccess per ridurre il carico sul server.

Nel file .htaccess vengono specificati comandi aggiuntivi per l'hosting. Utilizzando impostazioni speciali, è possibile rimuovere il carico non necessario sul server e velocizzare il sito.

Impostazione n. 1. Spesso le informazioni vengono copiate dai siti Web insieme alle immagini senza modificare gli indirizzi delle immagini. E quando ciò accade, le immagini che si trovano sul nostro hosting vengono caricate su altri siti e questo crea un carico inutile sull'hosting.

Il seguente codice può impedire il caricamento delle immagini sul nostro sito su siti di terze parti:

RewriteEngine attivo RewriteCond %(HTTP_REFERER) !^http://(.+.)?yandex.ru/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+.)?undsoft.com/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+.)?yandex.net/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+.)?feedburner.com/.*$ RewriteCond % (HTTP_REFERER) !^http://(.+.)?mail.ru/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+.)?poisk.ru/.*$ RewriteCond %(HTTP_REFERER ) !^http://(.+.)?tuodominio.ru/.*$ RewriteCond %(HTTP_REFERER) !^$ RewriteRule .*.(jpe?g|gif|bmp|png)$ - [F]

Dopo aver aggiunto questo codice, verrà visualizzato un errore sul sito di qualcun altro invece della tua immagine.

Impostazione n. 2. Nel file .htaccess, puoi e dovresti specificare la memorizzazione nella cache di alcuni oggetti del sito (immagini, file css e js) in modo che il browser li memorizzi nella cache dal suo lato e non li scarichi ogni volta. Per fare ciò, aggiungi il seguente codice a .htaccess sotto il primo codice:

Dimensione FileETag MTime ExpiresActive on ExpiresDefault "accesso più 1 anno"

Impostazione n. 3. Abilitiamo la compressione gzip delle pagine prima di inviarle all'utente. Inseriamo il seguente codice nel file .htaccess:

mod_gzip_on Sì mod_gzip_dechunk Sì mod_gzip_item_include file .(html?|txt|css|js|php)$ mod_gzip_item_include gestore ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item _exclude mime ^ immagine/ . * mod_gzip_item_exclude rspheader ^Codifica contenuto:.*gzip.*

Impostazione n. 4. Limita lo spam nei commenti. La maggior parte dei commenti spam vengono inviati automaticamente. Con questo codice vieteremo l'invio diretto di commenti bypassando il modulo dei commenti. Ora i bot spam non potranno inviare commenti.

RewriteEngine On RewriteCond %(REQUEST_METHOD) POST RewriteCond %(REQUEST_URI) .wp-comments-post.php* RewriteCond %(HTTP_REFERER) !.*tuodominio.ru.* RewriteCond %(HTTP_USER_AGENT) ^$ RewriteRule (.*) ^http: //%(REMOTE_ADDR)/$

Impostazione n. 5. Se utilizzi il sistema FeedBurner, ovviamente hai installato dei plugin che inviano contenuti RSS al sito FeedBurner. Oggi puoi rimuoverli, perché puoi reindirizzare i contenuti senza plugin, riducendo il carico sul tuo hosting.

RewriteEngine su RewriteCond %(HTTP_USER_AGENT) !FeedBurner RewriteCond %(HTTP_USER_AGENT) !FeedValidator RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://yourdomain.ru

ATTENZIONE!!! Negli esempi sopra, non dimenticare di sostituire l'indirizzo tuodominio.ru con l'indirizzo del tuo sito web.

6. Ottimizzazione del database

Il database è importante per la velocità del sito. Quando si salvano i post più volte, WordPress crea delle revisioni dei post: gli stati dei post in diversi punti della loro modifica. Di conseguenza, nel tempo, il database contiene un gran numero di revisioni dei post non necessarie e queste devono essere pulite e ottimizzate. Puoi farlo usando Ottimizza il plug-in DB. Puoi installarlo dall'area di amministrazione di WordPress. Ad esempio, quando l'ho lanciato sul mio sito web, ho eliminato più di 1.200 revisioni dei post. Ciò ha migliorato significativamente la velocità del database.

7. Ottimizzazione del codice del modello (tema).

L'ottimizzazione del codice del tema comporta la rimozione di query non necessarie e/o la loro sostituzione con valori specifici, come il titolo del blog.

Impostazione n. 1. Trova il codice responsabile degli stili nel file header.php:

" type="testo/css" media="schermo" />

Sostituito da:

Attenzione!!! Non dimenticare di cambiare yoursite.ru con il link del tuo sito.

Impostazione n. 2. Modifica il codice PIN:

" />

Impostazione n. 3. Modifica del codice del feed RSS:

Feed RSS" href="" />

Sostituisci correttamente yoursite.ru con il tuo link:

Impostazione n. 4. Molto spesso, nel footer del sito (footer.php), gli sviluppatori di temi lasciano query completamente inutili al database. Per esempio:

Questo codice mostra semplicemente il nome del sito, per non dover accedere nuovamente al database, è più saggio scrivere tu stesso il nome una volta e non caricare il sito. Puoi cercare lo stesso codice in altre sezioni del sito, ma pensaci prima di eliminarlo.

1) Se il tuo sito non utilizza commenti, non dovresti nasconderli utilizzando plugin, questo crea un peso del tutto inutile. Poiché non hai affatto bisogno di commenti, rimuovi semplicemente il seguente codice dal file del tema (single.php):

2) Cerca di non utilizzare script esterni, come commenti di VKontakte, vari widget di social network. Sì, sembra bello e impressionante, ma crea un carico decente sul sito. Dagli esempi posso dire che il mio sito ha caricato in modo significativo il codice del visualizzatore web di YandexMetrica, il widget Add.This. Ho cambiato i pulsanti dei social media con un plug-in JS dell'hotel.

3) Pulisci tutto il codice del tuo sito dai commenti, questi commenti vengono inseriti tramite tage /*codice/. Lascia solo ciò di cui hai bisogno, poiché il sito deve dedicare uno sforzo extra a caricarli...

4) Prova a posizionare tutti gli script alla fine della pagina prima del tag di chiusura

in modo che venga caricato prima il sito principale e solo successivamente vengano caricati gli script.

5) Tutti i codici aggiuntivi come il contatore del sito di Live Internet o Google Analytics dovrebbero essere inseriti nel piè di pagina del sito in modo che, come altri script, vengano caricati solo alla fine.

8. Plugin WordPress: per accelerare la velocità di caricamento del sito

Alcuni suggerimenti per lavorare con i plugin per ottimizzare il loro caricamento sul sito.

1) Rimuovi i plugin non necessari. Plug-in non necessario Nel corso del tempo, i plugin funzionanti si accumulano e puoi accumulare molti plugin non necessari che, oltre a occupare spazio, creeranno un carico non necessario sul sito.

2) Disattiva i plugin non necessari. Prova a utilizzare il minor numero possibile di plugin attivati. Non è necessario che alcuni plugin funzionino costantemente. Ad esempio, un plugin per l'ottimizzazione del database può essere abilitato solo per il periodo di utilizzo.

10. Velocizza il tuo sito utilizzando la memorizzazione nella cache

La memorizzazione nella cache deriva dalla parola cache, ovvero la memorizzazione di determinati dati che dovrebbero essere caricati costantemente. Cioè, il sito salva determinati dati e quando si accede alla pagina, il browser dell'utente scarica semplicemente i dati salvati sotto forma di pagina. Il sito non deve contattare il server e il database, quindi attendere una risposta, raccogliere le informazioni necessarie e fornirle al monitor del tuo lettore.

1) WP Super Cacheè il plug-in di memorizzazione nella cache migliore e gratuito per WordPress. Consiglio di installarlo e utilizzarlo. Anche buoni plugin sono WP Total Cache, WP Rocket.

2) Plugin di ottimizzazione automatica– consigliato da utilizzare insieme a Wp Super Cache. Non è necessario effettuare alcuna impostazione aggiuntiva, basta attivare il plug-in, nella sezione "Impostazioni" → "Ottimizzazione automatica", selezionare le caselle e il plug-in funzionerà. Fai attenzione, controlla la funzionalità del sito dopo aver modificato le impostazioni per evitare problemi.

3) Plug-in WP Widget Cache– ti consente di memorizzare nella cache i widget, che il plug-in Wp Super Cache non è in grado di gestire.

11. Utilizza le reti CDN per caricare i contenuti più velocemente

Un altro modo per velocizzare il caricamento del sito è utilizzare le reti CDN, Content Delivery Networks. Ogni volta che un utente apre il tuo sito, scarica tutte le informazioni dal tuo server su cui si trova il sito. Se la regione dell'utente e la regione in cui si trova il server con il tuo sito sono le stesse, ad esempio Mosca, Russia, allora va tutto bene. Ma se un utente visita il tuo sito, ad esempio dall'Asia o dagli Stati Uniti, il contenuto gli verrà consegnato a una velocità inferiore, perché La distanza gioca un ruolo qui. L'utilizzo delle reti CDN rende possibile scaricare i file del tuo sito web (immagini, script, stili) non solo dal tuo hosting, ma da data center in tutto il mondo. Pertanto, quando visita il sito, l'utente scaricherà automaticamente i file del sito dal punto a lui più vicino con i server della rete CDN, il che accelererà notevolmente il caricamento del sito.

Puoi utilizzare il plug-in Jetpack Photon, che ti consente di utilizzare la rete CDN di WordPress per caricare immagini del tuo sito.

Puoi utilizzare altre reti CDN, come MaxCDN, NGENIX o Amazon CloudFront. Non ho utilizzato reti CDN, quindi a questo punto mi limiterò solo ad una breve descrizione introduttiva di questa tecnologia.

Collegando il tuo sito alla rete CDN, tutti i file del sito verranno scaricati dai data center più potenti del pianeta. In genere, tali servizi sono a pagamento, il costo parte da $ 9 e vengono utilizzati da siti molto popolari con un traffico enorme.

Alcune piccole cose che ti aiuteranno anche a velocizzare il caricamento del sito:

Nella pagina principale del sito vengono visualizzati solo gli annunci degli articoli; non è necessario visualizzare gli articoli completi.
Separa articoli molto grandi in pagine utilizzando un tag.
Non dovresti visualizzare più di 5-6 articoli nella pagina principale.
Non dovresti visualizzare più di 50 commenti sotto un articolo; usa anche il passaggio da una pagina all'altra;
Installa una ricerca sul sito da Google o Yandex. Il sito cercherà le informazioni più velocemente.

Per me questo è tutto cari amici, grazie per la vostra grande pazienza, spero vi sia piaciuto, a presto.

Schema dell'articolo

Per Google, Yandex e altri motori di ricerca, la velocità di caricamento del sito è un importante fattore di ranking. Consideriamo come velocizzare il caricamento e il funzionamento di un sito web utilizzando il CMS WordPress. I risultati del lavoro sono visibili alla fine del post.

Obiettivo: Velocizzare il caricamento e il funzionamento del sito sul CMS WordPress con plugin (senza modificare il codice).

Passaggio 1. Analisi della situazione attuale con velocità di download.

Ho accelerato questo blog nel febbraio 2015, quindi lo screenshot dello stato precedente non è stato salvato. A memoria ricordo che il servizio PageSpeed Insights mostrava velocità di caricamento di 50/55 per mobile/desktop. La condizione era deplorevole e ho iniziato a pensare all'accelerazione.

Analizza il tuo sito WordPress utilizzando il servizio Google PageSpeed Insights e se il risultato del caricamento del sito è inferiore a 85, continua a leggere.

Passaggio 2. Installa i plugin per l'accelerazione.

Cache più veloce di WP

Plugin per la memorizzazione nella cache del sito Web, compressione dei file, minimizzazione e combinazione di css, js, funzionalità molto ampia. Il plugin è gratuito nella configurazione richiesta.

Vai al pannello di amministrazione del sito WP in “Plugin” -> “Aggiungi nuovo”. Inserisci il nome del plugin, clicca su “Cerca”. Il primo plugin con l'immagine di un animale tipo gatto è il nostro plugin. Installiamo.

EWWW Ottimizzatore di immagini

Plugin per l'ottimizzazione delle immagini. Comprime le immagini esistenti e scaricate senza perdere la qualità.

Vai al pannello di amministrazione del sito WP in “Plugin” -> “Aggiungi nuovo”. Inserisci il nome del plugin, clicca su “Cerca”. Il primo plugin con l'immagine di un martello che colpisce le immagini è il nostro plugin. Installiamo.

Passaggio 3. Configurazione dell'accelerazione del sito su WordPress

Impostiamo la memorizzazione nella cache e la minimizzazione dei file css, js. Nel pannello di amministrazione, ora hai WP Fastest Cache come nuova voce di menu. Segui il collegamento, sotto vedrai il campo della lingua, imposta la lingua russa. Seleziona tutte le caselle, come nello screenshot qui sotto. Non devi andare in altre schede del plugin: ci sono funzioni a pagamento per le quali difficilmente vorrai pagare.

Successivamente, comprimeremo le immagini sul sito. Nel pannello di amministrazione di WP, passa con il mouse sui file multimediali, seleziona "Ottimizza". Nella finestra selezionata, utilizza due funzioni: ottimizzazione delle immagini dalla libreria e ottimizzazione di altre immagini (modello, motore, ecc.). Con queste azioni comprimi le immagini esistenti sul sito; le immagini scaricate dopo l'installazione del plugin verranno compresse automaticamente una volta caricate sul server.

Solo questi 2 passaggi accelereranno notevolmente il caricamento della pagina, il che aumenterà la fedeltà ai motori di ricerca e migliorerà l’atteggiamento delle persone nei confronti del tuo sito WordPress.

Passaggio 4. Risultati dell'accelerazione del sito.

I risultati sono sorprendenti. Da 50 sono diventati subito 81 (sempre a memoria). Dopo aver letto i consigli di Google, ho riscontrato molti problemi di caricamento associati al plug-in, progettato per visualizzare magnificamente il codice del programma su un blog. Dopo averlo demolito, questo valore è salito a 91! Ecco cosa ha mostrato Yandex Metrica: il rapporto sul caricamento della pagina:

Dallo screenshot puoi vederlo chiaramente La velocità di caricamento della pagina è diminuita da 1 secondo a 0,1. Noto che le posizioni in Google e anche in Yandex sono migliorate, il numero di fallimenti è diminuito (alcune persone, soprattutto con Internet mobile, non vogliono aspettare a lungo e lasciano il sito se, dopo essere andati al sito, non inizia immediatamente caricare).

Inoltre

Non utilizzare immagini originali se è necessario visualizzare l'immagine in dimensioni ridotte.

Ciò riduce significativamente la velocità di caricamento e l'atteggiamento di Google nei confronti del sito. Un semplice esempio: sul mio blog nella pagina principale vedrai il testo e una piccola foto sopra il feed degli ultimi post. Se inserisco un collegamento all'immagine originale con una risoluzione di ~1000×2000 nell'attributo src del tag img e visualizzo un'immagine 100×100, il server dovrebbe caricare l'immagine 1000×2000, il browser la comprimerebbe alle dimensioni richieste, che ho specificato negli stili di visualizzazione, ma l'originale è stato effettivamente caricato. Pertanto, non ero troppo pigro per ridimensionarlo in Photoshop e solo successivamente utilizzarlo nel modello. Carica le immagini esattamente nella risoluzione in cui desideri visualizzarle.

Meno grafica significa sito più veloce.

La grafica occupa centinaia e migliaia di volte più spazio di poche righe di CSS e HTML. Prova a creare elementi del sito Web utilizzando questi linguaggi di markup quando possibile.

Meno plugin significano meno query sul database.

Non installare plugin fittizi necessari per scopi dubbi di cui puoi fare a meno. Installando solo una dozzina di plugin aggiuntivi, aumenterai in modo significativo il carico sul database e, di conseguenza, ridurrai la velocità del sito.

Se hai problemi ad accelerare il tuo sito su WordPress o hai domande sull'argomento, scrivi nei commenti o invia un'e-mail utilizzando il modulo a sinistra: cercherò di aiutarti.

È possibile Ottimizzazione di WordPress e accelerazione utilizzando metodi semplici? Certamente! Anche se WordPress è leggero e veloce per impostazione predefinita, configurarlo in modo errato può rendere molti processi lenti ed estremamente confusi. Ti suggeriamo di prestare attenzione ai modi che ti aiuteranno a velocizzare il tuo sito web.

Secondo una recente ricerca di Microsoft, il tempo di attesa degli utenti per il caricamento delle pagine è diminuito da 12 secondi a 8 secondi e le persone sono diventate più impazienti. Inoltre, gli studi hanno dimostrato che il 40% degli utenti lascerà la tua risorsa se impiega più di 3 secondi a caricarsi. Pertanto, l’ottimizzazione e l’accelerazione di WordPress sono semplicemente necessarie.

1. Ottimizzare WordPress e aggiornare regolarmente il proprio database.

WordPress è un sistema di gestione dei contenuti basato su database relazionali. Se il database è di grandi dimensioni, ciò potrebbe comportare un rallentamento delle prestazioni Risorsa Internet .

Quando si utilizza un database di grandi dimensioni è necessario considerare i seguenti parametri, che possono rallentare l'esecuzione di WordPress:

Revisione dei post: Funzione " Revisione successiva» riempie rapidamente il database, dopodiché il progetto Internet inizia a funzionare lentamente. Ogni post aggiornato viene salvato nel database. Ecco come viene riempito il database. Questa funzione può essere disabilitata completamente o limitata. Per limitare le revisioni, è necessario accedere al file delle impostazioni wp-config.php aggiungi le seguenti righe:

define("AUTOSAVE_INTERVAL", 300); //secondi define("WP_POST_REVISIONS", 5);

Dopo le modifiche al codice, WordPress memorizza un massimo di 5 modifiche al post e solo 5 minuti. Se necessario, puoi riattivare la funzione “Revisione dei post”.

Se non desideri modificare il codice del file wp-config .php, puoi installare il plugin - Revision Control o il plugin per rimuovere le revisioni dei post - WP Clean Up. Quindi un WordPress ottimizzato inizierà automaticamente a gestire le revisioni dei post. Puoi trovare ulteriori informazioni su come installare e gestire.
Link al blog e trackback: Anche i collegamenti ai blog e i trackback possono popolare il database. Possono anche essere disabilitati. Questo può essere fatto in questo modo: Impostazioni/Discussione/Consenti notifiche da altri blog (notifiche e trackback) a nuovi articoli
Commenti sul blog: I commenti su un blog non sono affatto male, ma solo se non sono migliaia commenti spam, che occupano spazio nel database. È imperativo eliminare regolarmente tali commenti per non "intasare" il database.
Plugin. Alcuni plugin raccolgono dati e li caricano in un database. All'inizio sembrano utili, ma in realtà occupano solo molto spazio. Ad esempio, un plug-in può utilizzare fino a 160 MB. spazio del database. Questo è solo un plugin! E se ce ne fossero diversi?
Analisi e registrazioni. Devi stare attento con i plugin che analizzano la cronologia e la registrazione dei dati su un progetto web. Fondamentalmente, utilizzano una grande quantità di database, il che può portare a un rallentamento delle prestazioni della pagina e a peggiorare l’ottimizzazione di WordPress.
Puoi installare il plug-in WP-Cleanup e utilizzarlo per pulire e ottimizzare il tuo database.

2. Ottimizzazione delle immagini in Wordpress.

Il tempo necessario per caricare la pagina dipende dalla dimensione delle immagini. Questo accade quando è necessario caricare un'immagine ad alta risoluzione, oppure quando una foto viene pubblicata in articoli e poi visualizzata in home page.

Esiste 2 modi per ottimizzare proprie foto:

Ottimizza e riduci regolarmente le dimensioni delle foto; questo può essere fatto senza compromettere la qualità della foto;

In questo caso è perfetto servizio gratuito OptiPic, comprimerà automaticamente tutte le immagini sul sito per te senza la tua partecipazione.

A proposito, se hai un numero elevato di immagini, puoi utilizzare il codice buono sconto per la modalità a pagamento e sconto del 5%, copia il codice dSAdDeN2xj7_Nr9B1LH68MoyeuJxMeUY

· Ritardare il caricamento delle immagini; Questo metodo viene utilizzato quando una foto non viene caricata mentre il lettore scorre la finestra in cui si trova la foto. Questo metodo ti aiuterà a evitare problemi di caricamento del sito web. Per fare ciò puoi utilizzare diversi plugin, ad esempio Lazy Load e altri simili con un nome simile.

L'ottimizzazione dell'immagine consente di ridurla da una dimensione di 2 MB. fino a 600 kb. senza compromettere la qualità. Questo viene fatto per rimuovere parti non necessarie dell'immagine. Le foto possono essere ottimizzate in un blog WordPress utilizzando plugin speciali installati.

Senza dubbio, così Ottimizzazione di WordPress avrà un grande impatto sulla velocità di caricamento del tuo portale, poiché di solito sono le immagini non ottimizzate che impiegano più tempo a caricarsi, questo è particolarmente vero per i dispositivi mobili e Internet mobile.

3. Utilizzo della cache e rimozione delle intestazioni.

La maggior parte delle risorse web di WordPress potrebbero essere due volte più veloci se utilizzassero la memorizzazione nella cache.

L'ottimizzazione di WordPress tramite la memorizzazione nella cache si basa sulla memorizzazione di file di risorse Web nella cache del browser del visitatore o in pagine già pronte sul server, ovvero salva automaticamente periodicamente la pagina nel file di cache quando un visitatore visita il sito. In genere, se le impostazioni della cache non vengono modificate, la cache del browser del visitatore verrà aggiornata quando viene aggiornato il progetto web, garantendo così che nulla venga perso.

Per utilizzare la memorizzazione nella cache in modo efficace, puoi utilizzare un plugin che io stesso utilizzo WP Super Cache. Questo plugin accelera il caricamento di WordPress e l'ottimizzazione si ottiene salvando le pagine già pronte sul disco del server. Grazie a questo, quando un browser richiede una pagina, il blog non deve creare ogni volta la pagina da zero. Nel caso di un download standard, deve effettuare molte query al database, elaborare il programma PHP e così via. Con una cache, viene immediatamente prodotto un risultato già pronto.

La memorizzazione nella cache può aumentare significativamente la velocità del tuo blog. È stato riscontrato che la piena capacità di memorizzazione nella cache può velocizzare un blog WordPress da 2,4 secondi a 900 millisecondi.

Dopo aver abilitato la memorizzazione nella cache, puoi anche abilitare il modulo di scadenza dell'intestazione, questo è il modulo del server http Apache mod_expires. Questa ottimizzazione aumenterà la velocità di WordPress notificando ai browser dei visitatori quando richiedere determinati file dal server. E costringendolo a memorizzare i file nel browser dell’utente per il tempo richiesto. Il modulo mod_expires può risparmiare risorse del server e aumentare significativamente la velocità di apertura della pagina. Per dettagli su quali voci scrivere nel file .htaccess per attivare il modulo e configurarlo correttamente, leggere l'articolo " ". Sul nostro hosting questo modulo è abilitato di default per tutti i siti web. Migliorando così già la loro ottimizzazione fin dall'inizio.

4. Abilitazione della compressione GZIP tramite mod_deflate.

Qual è lo strumento più popolare per comprimere i file in formato Zip su un computer? 7-Zip? WinRar? Quanti hanno compresso file e hanno notato la straordinaria efficienza quando un file da 200 MB viene ridotto a 40 MB? Come avviene questo? Non è possibile la compressione tecnologica in modo simile? Tutto è possibile, puoi fare lo stesso per un blog, assicurandone così un funzionamento veloce e un'ottima ottimizzazione.

La compressione GZIP aiuta a comprimere i file di pagina in formato Zip e a trasmettere l'intera pagina ai visitatori, ottimizzando così la velocità di caricamento. Per questo viene utilizzato il modulo server http Apache mod_deflate. In altre parole, presenze Pagine Internet lo stesso, ma il blog stesso è veloce, poiché i visitatori vengono serviti da una versione compressa.

Abbiamo testato una risorsa web compressa utilizzando la compressione GZIP da 68 kb a 13 kb, Worpress ne ha accelerato il caricamento di 5 volte.

Come avviare e configurare questo modulo su un buon hosting come il nostro è descritto nell'articolo "".

5. Utilizzo di una CDN.

Esistono studi che dimostrano che una CDN può aumentare le prestazioni del blog del 60%.

La velocità di caricamento del contenuto della pagina dipende da dove si trova l'hosting su cui si trova il progetto web. Ad esempio, se l'hosting si trova in India e l'accesso proviene, ad esempio, dagli Stati Uniti, il sito verrà caricato più lentamente rispetto a se avvenisse in India. Come uscire da questa situazione? Le persone con velocità di accesso a Internet limitata possono utilizzare il servizio CDN per accelerare il caricamento del sito web.

Affinché un portale Web WordPress possa utilizzare un servizio CDN, deve distribuire il contenuto a livello globale in modo che gli utenti possano utilizzare la versione a loro più vicina.

6. Ottimizza e modifica il tema WordPress.

I temi WordPress possono anche richiedere molto tempo per caricare il tuo blog. Se utilizzi un tema WordPress gonfio e basato principalmente su richieste esterne, il tuo blog funzionerà più lentamente rispetto a quelli che utilizzano temi basati su standard. È chiaro che l'ottimizzazione qui sarà piuttosto difficile.

7. Combinando lo sfondo dell'immagine con lo sprite in movimento.

Il tema WordPress si basa su un'immagine di sfondo combinata con comandi CSS, la visualizzazione è prevalentemente con uno sfondo chiaro. Quindi un bellissimo sfondo può essere composto da 12 sfondi diversi. In apparenza sembra normale e semplice, purché questi 12 sfondi vengano utilizzati come 12 diverse richieste al server dal browser del visitatore. E se questi 12 disegni fossero combinati in uno solo? Quindi la velocità aumenterà notevolmente.

Quando combini uno sfondo con uno sprite, puoi combinare diversi temi di sfondo di un'immagine in uno solo e quindi utilizzare i CSS per ottenere una visualizzazione regolare della pagina. Ciò ridurrà il numero complessivo di byte richiesti per il download da parte dei browser degli utenti, che causavano latenza. Il risultato è un blog più veloce e una migliore ottimizzazione.

8. Utilizza solo chiamate non sincrone per i codici JavaScript.

Hai notato che quando Facebook si blocca, altre risorse web iniziano a funzionare notevolmente più lentamente? È interessante notare che ciò non accade quando vengono caricati i codici Facebook. Ciò accade quando vengono utilizzati codici sincroni di altri siti, in particolare analisi o tracciamento. Se il codice è installato in modo sincrono su WordPress, viene caricato prima, a seconda della parte di codice, prima di caricare altri elementi del sito.

Utilizzando solo il feed di codice non sincrono di JavaScpipt, è garantito che il blog funzioni correttamente e rapidamente, indipendentemente dal server di codice JavaScript utilizzato nel progetto web.

Puoi scoprire di più su di cosa si tratta.

9. Abilita HTTP Keep-Alive.

Questa impostazione è possibile se si ha accesso alla configurazione del server http. In altri casi, consiglio di utilizzare l'hosting normale.

Abbiamo abilitato il supporto Keep-Alive per tutti i clienti gratuitamente!

In genere, quando un visitatore richiede un file da un server, ciascun file viene inviato singolarmente. Il problema in questo caso è che viene aperto un nuovo collegamento per ogni file, il che alla fine porta a un blog lento a seconda di quante persone visitano la risorsa web contemporaneamente. Abilitando HTTP Keep-Alive, tutti i file vengono forniti ai browser dei visitatori tramite un'unica connessione. La connessione è aperta finché non vengono ricevuti tutti i file. Pertanto, il numero di connessioni aperte sul server viene ridotto, aumentando così la velocità del sito.

10. Usa l'host migliore.

Se l'host è pessimo, i suggerimenti presentati in questo articolo non faranno molta differenza. In tali condizioni, l'ottimizzazione è difficile. Con l'analisi e la ricerca regolari degli host web, si nota che in 2 casi su 10, se la configurazione del server è scarsa, non si può fare nulla per aumentare la velocità del portale.

Un diario ha descritto casi che mostrano quanto l'host web influisca sul tempo di caricamento Pagine Internet. Il programmatore ha confrontato le velocità dei blog di due client, uno dei quali utilizzava un server dedicato, il secondo uno condiviso. Il risultato è stato sorprendente: il tempo di risposta della risorsa web alle richieste su un server dedicato è stato di 7 ms, mentre il tempo di risposta del sito su un server condiviso è stato di ben 250 ms.

L'host web è sicuramente importante. Pertanto, prima di acquistare hosting da qualche parte, prova il nostro. Il primo mese puoi usarlo in modo completamente gratuito. Oppure puoi anche prendere un piano gratuito.

Infine, ti suggerisco di guardare un ottimo video in cui vengono mostrati visivamente molti punti di questo articolo sull'ottimizzazione e l'accelerazione di WordPress.