Ciao a tutti i lettori ea chi è appena andato alla luce. Oggi continueremo l'argomento e inizieremo ad accelerare il sito. Ti parlerò di tutti i metodi che conosco che velocizzeranno il caricamento del sito. Mi capita spesso di voler leggere del materiale interessante sul sito.
Ma dopo averlo aperto, vedo quanto tempo sta caricando il sito, mi sento troppo pigro per aspettare e chiudo l'articolo. Non torturare i tuoi lettori e accelerare il caricamento del sito su Internet, perché ciò influirà non solo sulla fiducia dei tuoi lettori, ma anche sulla fiducia dei motori di ricerca (). Google, ad esempio, ama particolarmente punire i siti inibitori...
Onestamente ammetto che prima di scrivere questo articolo, non avevo ottimizzato il sito in alcun modo, ora, farò questo lavoro con te e vedrò quanto accelererà il caricamento del sito ... Ora è come segue: 6.97 secondi sul sito http://tools.pingdom.com/fpt/, così come fino a 61 secondi per http://sitespeed.ru/- Non credo sia vero, ma questo sito ha una certa autorità...
Dopo aver eseguito il lavoro descritto di seguito, la velocità di caricamento del sito è notevolmente migliorata. E questo da 6,97 secondi, la velocità di download secondo il primo indicatore è scesa a 1,87. E secondo il secondo indicatore, da 61 secondi a 12,11 secondi ... Il risultato è semplicemente stupendo, anche io sono sorpreso
Come puoi vedere nell'immagine, non ho testato la pagina principale del sito, perché dai motori di ricerca gli utenti più spesso vanno a pagine con materiale e non alla pagina principale. Quindi ho preso l'ultimo articolo scritto e l'ho testato ...
Vorrei anche aggiungere che il mio mostra che la velocità media di caricamento del sito è di 10 secondi. Ma questo è nella media, quindi sarà impossibile vedere il risultato dopo il lavoro svolto. Passiamo alla lezione 😉
1. Scegliere un hosting di qualità.
La prima cosa a cui pensare è scelta di hosting di qualità... La velocità di caricamento del sito dipende in gran parte dalla qualità del lavoro e dai tempi di risposta del tuo hosting. Pertanto, è necessario affrontare questo problema in modo estremamente responsabile.
Fortunatamente per te, ho trovato un ottimo hosting che è economico e funziona bene allo stesso tempo. Eventuali guasti, lavori tecnici vengono avvisati in anticipo, specialisti sempre reattivi in quelli di supporto che ti aiuteranno a spostarti dal tuo vecchio rappresentante senza problemi.
2. Configurazione di Wp-Config.php - Velocizza il sito.
Vorrei anche parlarti di come configurare il file wp-config.php, che è memorizzato nella cartella principale del tuo sito, che ti consente di ridurre leggermente il carico sull'hosting, velocizzando così il caricamento del sito su internet:
Trova la riga nel file wp-config.php usando il programma:
Define ("WPLANG", "ru_RU");
Sostituito da:
If (strpos ($ _ SERVER ["REQUEST_URI"], "wp-admin")) define ("WPLANG", "ru_RU"); else define ("WPLANG", "ru_RU_lite");
Questa soluzione ci consentirà di ridurre il numero di impostazioni della lingua caricate solo a quelle necessarie, nel codice standard vengono caricati troppi parametri non necessari.
3. Configurazione di Robots.txt - divieto di indicizzazione di siti non necessari.
In precedenza ne abbiamo parlato e l'abbiamo creato per il nostro sito. Come ho detto, questo file impedisce ai motori di ricerca di accedere a determinate pagine. Ora voglio fare qualche aggiunta che impedisca a vari bug di entrare nel sito, come grabber e parser che rubano il nostro contenuto.
Ti consiglio di aggiungere, appena prima della riga "Host". Dopodiché, un numero significativamente inferiore di bug di ricerca visiterà il tuo sito, riducendo così il carico. Oltre a Yandex e Google, Yahoo viene spesso da noi. Ma non è molto popolare, quindi, se vuoi escluderlo, scrivi quanto segue:
Agente utente: Slurp Disallow: /
Vietando l'indicizzazione del sito in questo modo, puoi ridurre il carico sull'hosting, e quindi velocizzare il sito, ma i principali motori di ricerca ti tratteranno come prima, forse anche meglio 😉
4. Adeguamento del file .Htaccess per ridurre il carico sul server.
File HtaccessÈ il file in cui i comandi aggiuntivi per il. Che hanno anche un effetto negativo su di lui e questo riduce velocità di caricamento del sito web... Modifichiamo un po' il file per ridurre il carico...
Impostazione n. 1: Molto spesso, le informazioni vengono copiate dai nostri siti insieme alle immagini, quando ciò accade, nelle immagini che sono sul nostro sito, non cambiano l'indirizzo, quindi, sugli articoli copiati da altre persone, le immagini vengono caricate dal nostro server, che carica esso ...
Ora vieteremo il caricamento delle immagini. Per fare ciò, aggiungi il seguente codice all'inizio del file .Htaccess:
RewriteEngine On 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]
In questo caso, apparirà un errore al posto della tua immagine sul sito di qualcun altro.
Impostazione n. 2: Inoltre nel file .Htaccess possiamo specificare la memorizzazione nella cache di alcuni oggetti, in modo da non forzare il browser dell'utente a caricarli più volte. Per fare ciò, nello stesso file sotto il primo codice, aggiungi:
FileETag MTime SizeScadeAttivo alla scadenzaPredefinito "accesso più 1 anno"
mod_gzip_on Sì mod_gzip_dechunk Sì mod_gzip_item_include file \. (html? | txt | css | js | php) $ mod_gzip_item_include handler ^ cgi-script $ mod_gzip_item_include mime ^ text /^gzite. . * gzip. *
Impostazione n. 4: lo sai? La maggior parte di questi commenti viene inviata automaticamente, ora ti dirò come prevenirlo e persino accelerare la velocità di caricamento del sito web. Basta aggiungere il codice:
RewriteEngine On RewriteCond% (REQUEST_METHOD) POST RewriteCond% (REQUEST_URI) .wp-comments-post \ .php * RewriteCond% (HTTP_REFERER)!. * Site. * RewriteCond% (HTTP_USER_AGENT) ^ $ RewriteRule: / *) /% (REMOTE_ADDR% ) / $
ATTENZIONE!!! Non dimenticare di cambiare l'indirizzo del sito con l'indirizzo del tuo sito ...
Impostazione n. 5: Se stai usando il sistema FeedBurner, allora hai installato esplicitamente che invia contenuti RSS al tuo sito. Oggi puoi rimuoverli, perché puoi reindirizzare i contenuti senza plugin, riducendo il carico sull'hosting.
RewriteEngine su RewriteCond% (HTTP_USER_AGENT)! FeedBurner RewriteCond% (HTTP_USER_AGENT)! FeedValidator RewriteRule ^ feed /? ([_ 0-9a-z -] +)? /? $ Http: // site
ATTENZIONE!!! Non dimenticare di cambiare l'URL con l'URL del tuo feed nell'ultima riga...
5. Ping - accelerazione del sito web.
In uno di questi, ti ho fornito un intero elenco di servizi Ping che informano i motori di ricerca sulla comparsa di materiale fresco sul tuo sito. Uno dei blogger ha verificato il loro carico e si è deciso di lasciare solo quelli più necessari:
- http://ping.blogs.yandex.ru/RPC2
- http://blogsearch.google.com/ping/RPC2
- http://blogsearch.google.ru/ping/RPC2
Credimi, questo sarà sufficiente affinché i motori di ricerca si rendano conto che hai nuovo materiale ... Puoi anche usare altri social network per pubblicare collegamenti da nuovi articoli, questo aiuterà anche i motori di ricerca ...
6. Ottimizzazione del database.
Il Database è di grande importanza nella velocità di caricamento del sito, perché è da lì che il sito scarica tutto il contenuto che successivamente utilizziamo... Nel tempo, il Database si intasa e necessita non solo di essere ripulito dalle revisioni, ma anche da ottimizzare. Può farlo per te. Ho descritto come usare il plugin in precedenza, quindi usa 😉
7. Ottimizzazione del codice modello (tema).
Quando tu, probabilmente non hai nemmeno pensato che avrebbe bisogno di essere corretto. e lo stai usando, ma non lo è, ora ti fornirò alcuni passaggi che ottimizzeranno il tuo tema e ne aumenteranno la velocità di caricamento.
Impostazione # 1: Innanzitutto, è necessario ridurre il carico sul sito rimuovendo le chiamate non necessarie al Database. Il file Header.php di solito usa l'insert standard:
> ; set di caratteri =" />
Può essere sostituito con:
Se stai usando non-UTF-8 sul sito, allora nel codice dietro la parola Charset, sostituiscilo con la tua codifica.
Impostazione n. 2: Trova il codice responsabile degli stili nel file header.php:
"tipo =" testo / css "media =" schermo "/>
Sostituito da:
Attenzione!!! Non dimenticare di cambiare il sito con il link del tuo sito...
Impostazione # 3: Modifica il codice pinback:
" />
Impostazione # 4: Modifica del codice del feed RSS:
Feed RSS "href ="" />
Cambia in:
Impostazione # 5: Molto spesso nel piè di pagina del sito (footer.php), gli sviluppatori di temi lasciano query completamente non necessarie al database. Ad esempio:
Questo codice viene semplicemente visualizzato, per non accedere nuovamente al database, penso che sarebbe più saggio scrivere il nome una volta con le proprie mani e non caricare il sito. Lo stesso codice può essere cercato in altre sezioni del sito, ma prima di cancellarlo pensa...
Impostazione n. 6: aggiungi il tuo file header.php subito dopo:
1) Se il tuo sito non utilizza commenti, non dovresti nasconderli usando i plugin, questo crea un carico completamente inutile. Dal momento che non hai bisogno di alcun commento, rimuovi semplicemente il seguente codice dal file del tema (single.php):
2) Cerca di non utilizzare script esterni, come i commenti di Vkontakte, vari widget di social media. Sì, sembra bello e impressionante, ma crea un carico decente sul sito ...
3) Pulisci anche tutto il codice del tuo sito dai commenti, questi commenti vengono inseriti usando i tage / * codice /. Lascia solo ciò di cui hai bisogno, poiché il sito deve spendere energia extra per caricarli ...
4) Prova a posizionare tutti gli script subito prima del tag in modo che venga caricato per primo il sito principale e solo dopo vengano caricati gli script. Nonostante il fatto che i siti, gli script di cui ospitiamo, consigliano di inserire il codice dopo
…5) Prova anche a inserire tutti i codici aggiuntivi in quel modo, oppure inseriscili nel footer del sito in modo che, come altri script, vengano caricati solo per ultimi...
Diciamo grazie per i suggerimenti di cui sopra al famoso blogger Puzat, una volta che ho persino preso da lui, forse ti ricordi che ho preso in prestito tutto ciò che è stato descritto sopra da questo famoso blogger ...
8. Plugin WordPress: aumenta la velocità di caricamento del tuo sito web.
Poiché molti blogger di WordPress che ci aiutano a creare un sito Web da soli cantano costantemente, i plug-in sono un carico pesante per le risorse Internet. Puoi sia essere d'accordo che discutere con questo, ma nonostante questa affermazione, posso dare alcuni suggerimenti con cui puoi aumentare la velocità di caricamento del tuo sito WordPress:
1) Rimuovere i plugin non necessari... Nel tempo, i plug-in funzionanti si accumulano e quando li navighi, sei sorpreso di quanti plug-in vengono sprecati e sono completamente inutili ...
2) Disattiva i plugin non necessari... Cerca di utilizzare il minor numero di Plugin attivati possibile, ad esempio, non è necessario lasciarli funzionare tutto il tempo. Ha fatto il lavoro - l'ha spento, ci è voluto - l'ha riacceso ...
9. Ottimizzazione delle immagini per velocizzare il sito.
Quando un lettore accede a un articolo, le immagini sono gli elementi più grandi che un sito deve caricare. Quindi, il caricamento delle immagini richiede il tempo più lungo per caricare un sito. Per rendere la vita un po' più facile ai tuoi lettori, ti consiglio di fare quanto segue:
1) Molto spesso le immagini sono troppo grandi, nonostante la qualità. Per fare il giusto equilibrio tra dimensione e qualità delle immagini, ti consiglio di utilizzare. Con esso, puoi comprimere le immagini alle dimensioni minime senza perdere qualità!
2) Non dimenticare di indicare la dimensione dell'immagine al momento dell'inserimento nell'articolo. Per dare un bordo all'immagine, è sufficiente selezionare la dimensione necessaria nella descrizione dell'immagine. In questo modo i browser sapranno quale dimensione caricare le immagini e funzioneranno più velocemente...
10. Velocizza il sito usando la memorizzazione nella cache.
Caching: dalla parola cache, ovvero la memorizzazione di determinati dati che dovrebbero essere costantemente caricati. Cioè, il sito salva determinati dati e durante la navigazione sulla pagina, il browser dell'utente scarica semplicemente i dati salvati come una pagina. Il sito non deve contattare il server e il database, quindi attendere una risposta, raccogliere le informazioni necessarie e trasmetterle al monitor del tuo lettore...
2) Plugin di ottimizzazione automatica- consiglia di utilizzare insieme a Wp Super Cache. Non devi fare altro che le impostazioni, basta attivare il plugin, spuntare le caselle nella sezione "Impostazioni" -> "Autoptimize" e il plugin funzionerà...
3) Usa Plugin Wp Widget Cache- un plug-in che consente di memorizzare nella cache i widget, che il plug-in Wp Super Cache non è in grado di gestire. Scriverò di lui un po 'più tardi, iscriviti alla spedizione gratuita delle lezioni nel blocco sotto l'articolo ...
4) Facoltativamente, puoi connetterti Plugin Wp Offload- con cui è possibile memorizzare nella cache vari file statici, comprese le immagini. Lo descriverò anche un po' più avanti... 😉
11. Aumenta la velocità di caricamento del sito web ottimizzando il database.
Poiché il sito invia costantemente richieste al Database, dobbiamo solo tenerlo pulito, poiché nel tempo si accumula un'enorme quantità di spazzatura, che rallenta il lavoro.
Con l'aiuto, puoi ottimizzare il database e rimuovere la spazzatura. Ho scritto come farlo nell'ultimo articolo ...
Alcune piccole cose che insieme ti aiuteranno ad accelerare il caricamento del tuo sito:
- Visualizza solo nella pagina principale del sito, non è necessario visualizzare gli articoli completi ...
- Impagina articoli di grandi dimensioni utilizzando il tag…
- Non dovresti visualizzare più di 5-6 articoli nella pagina principale...
- Non dovresti visualizzare più di 50 commenti sotto l'articolo, usa la stessa pagina passando da un commento all'altro...
- Installa una ricerca nel sito da Google o Yandex. Il sito cercherà le informazioni più velocemente...
Su questo ho tutti cari amici, grazie per la vostra grande pazienza, spero vi sia piaciuto, a presto... Nel prossimo articolo vi prometto di scrivere a riguardo... Iscrivetevi alla mailing list qui sotto... Ciao. ..
Dall'autore: la velocità è una qualità che tutti i siti web dovrebbero avere e WordPress non fa eccezione. Non avrai una seconda possibilità per fare una prima impressione sull'utente. È molto importante assicurarsi che i tuoi utenti non abbiano alcun motivo per lasciare il sito prima che sia completamente caricato o motivi per cui non vorranno tornare al tuo sito web.
In questo articolo, ti mostrerò come velocizzare efficacemente il tuo sito WordPress utilizzando 12 best practice per aiutarti ad aumentare le prestazioni del tuo sito.
Scegliere un buon hosting
Le scelte di hosting hanno un enorme impatto sulla velocità del sito web. Un buon web hosting è la base su cui si baserà il tuo sito web. Se stai lavorando per migliorare la velocità di caricamento del tuo sito, la prima cosa da considerare è l'hosting (anche se il sito non è WordPress).
Esistono innumerevoli provider di hosting e il mercato è molto competitivo. Quindi vale la pena prendersi un po' di tempo e scegliere un buon hosting. Charles Costa ha esaminato a fondo questo problema, il seguente elenco di articoli ti aiuterà a muoverti nella giusta direzione e a fare una scelta informata quando scegli un provider di hosting:
CDN
Una rete di distribuzione o distribuzione di contenuti (CDN) è un sistema di server distribuiti che archiviano pagine Web e altre risorse Web in base alla posizione geografica. In genere, un CDN copia tutti i file statici dal tuo sito (CSS, JavaScript, file multimediali, ecc.) e li consegna agli utenti il più rapidamente possibile.
memorizzazione nella cache
La memorizzazione nella cache è l'archiviazione temporanea di contenuti come pagine, immagini e altri file coinvolti nel rendering di una pagina. Il contenuto viene archiviato sul supporto locale dell'utente come cache e la pagina viene visualizzata molto più velocemente quando questi file vengono richiesti nuovamente. C'è anche la cache sul lato server. È una domanda tecnica, ma ci sono molti plugin WordPress popolari là fuori che rendono l'impostazione e la gestione della cache molto semplice. I più popolari sono W3 Total Cache e WP Super Cache.
Minimizzazione di file CSS e JS
Durante il processo di minificazione, i file CSS e JS vengono compressi alla loro dimensione minima, aumentando così la velocità con cui i browser scaricano i file. Se preferisci minimizzare manualmente i tuoi file CSS e JS, allora YUI Compressor è utile. Oppure puoi usare WP Minify, che farà tutto il lavoro per te automaticamente. Alcuni plug-in di memorizzazione nella cache hanno un'opzione di minimizzazione.
Comprimere le immagini
Oltre al fatto che i file di immagine di grandi dimensioni rallentano in modo significativo il tuo sito WordPress, intasano anche molto la larghezza di banda della rete. Le immagini sono ottimi soggetti per l'ottimizzazione. Usa WPMU DEV WordPress Smush API, il plugin WP SmushIt ti aiuterà a ridurre le dimensioni delle immagini senza perdere qualità. Io stesso uso questo plugin e trovo incredibile quanto riduca le dimensioni delle immagini.
Comprimere il sito
In parole semplici, comprimere un sito è come comprimere un sito in un archivio ZIP. E se l'utente richiede una pagina, il browser si comporta come WinRAR, decomprime l'archivio e visualizza il contenuto. Sembra qualcosa di non necessario, che rallenterà anche il tuo sito. Credimi, non rallenterà.
Il plug-in W3 Total Cache è estremamente popolare per la memorizzazione nella cache, ma può anche aiutare a comprimere i siti. Puoi utilizzare questa funzione andando su: pagina di amministrazione -> Prestazioni -> Cache del browser -> Abilita compressione HTTP (gzip).
Ottimizzazione del database
WordPress salva spesso quasi tutto. Questa spazzatura include revisioni indesiderate, trackback, pingback, file eliminati, commenti non approvati o commenti contrassegnati come spam.
Proprio come il tuo disco rigido può frammentarsi, i database di WordPress soffrono dello stesso disturbo. Tuttavia, puoi utilizzare il plug-in WP-Optimize o WP-DB Manager per ottimizzare il tuo database. Con l'ultimo plugin, puoi non solo ottimizzare il tuo database, ma anche impostare una pianificazione per controlli regolari.
Scegliere i plugin giusti
L'installazione di molti plugin può ingombrare seriamente il tuo sito. Non ha senso installare o archiviare plugin che non ti servono. Controllare i plugin è un ottimo modo per velocizzare le cose. I plugin critici per il funzionamento del sito devono essere lasciati e tutti gli altri devono essere rimossi.
Disabilita pingback e trackback
Per impostazione predefinita, quando un altro sito ti menziona, il tuo sito ne riceve una notifica. Tali notifiche sono chiamate pingback e trackback. Possono essere disabilitati: pagina di amministrazione -> impostazioni -> discussione deseleziona le prime due caselle di controllo, come nello screenshot qui sotto.
La disattivazione di questa funzione non danneggerà il tuo sito.
Scegliere il tema giusto o il quadro tematico
Alcuni temi di WordPress possono essere molto veloci con un codice ben scritto, mentre altri sono esattamente l'opposto.
Quando si sceglie un tema, prestare attenzione alla velocità di caricamento della pagina demo. Questo ti darà un'idea di come il tema influenzerà la velocità di caricamento complessiva del tuo sito.
Ottimizzazione della struttura della home page
Un ottimo modo per ottimizzare la tua home page è visualizzare solo le anteprime degli articoli e ridurre al minimo il numero di widget e post per pagina. Pertanto, non solo aumenterà la velocità di caricamento del sito, ma aumenterà anche l'esperienza utente complessiva del sito. Come ho detto sopra, hai solo una possibilità per fare una prima impressione.
Abilitazione di Keep-Alive
HTTP Keep-Alive è l'idea di utilizzare una connessione TCP per inviare e ricevere più richieste HTTP invece di aprire una nuova connessione per ogni richiesta. Il tuo hosting potrebbe già avere questa funzione abilitata, quindi verifica prima con il tuo provider. Ma se hai un account normale, copia la riga di codice qui sotto nel tuo file .htaccess.
Wordpress è piuttosto lento in un'installazione standard. Per impostazione predefinita, il motore non utilizza alcune delle funzionalità del Web moderno per accelerare significativamente le sue prestazioni. Ci sono un sacco di plugin per l'ottimizzazione di WordPress là fuori. Ripuliamoli e facciamo alcune ottimizzazioni importanti.
Prima di iniziare, vediamo cosa mostra una semplice installazione di Wordpress di Pagespeed:
Un punteggio di 76 su 100 è piuttosto basso. Vediamo quanto questo indicatore può essere aumentato.
parte server
Nginx
Se non stai ancora usando Nginx, è ora di passare ad esso. 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 all'indice WP index.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; scade max; # static caching) location / (try_files $ uri $ uri / /index.php?$args; # permalinks) location ~ \ .php $ (fastcgi_pass unix: /var/run/php5-fpm.sock ; fastcgi_index index.php; include fastcgi_params;))
cache PHP
A meno che tu non abbia un motivo speciale per cui non puoi installare APC, assicurati di abilitarlo. Verifichiamo la presenza di APC (in risposta, riceveremo un elenco di impostazioni APC):Php -i | grep apc
Le versioni PHP successive alla 5.5 hanno un modulo opCache integrato, quindi non dovrai installare APC.
Tuning MySQL
Wordpress utilizza InnoDB, il che significa che possiamo aumentare significativamente le prestazioni di MySQL regolando una serie di parametri (il file my.cnf) per il nostro hardware:È meglio impostare la dimensione del buffer InnoDB alla metà della RAM disponibile:
Innodb_buffer_pool_size = 256M
Non dimenticare di abilitare la memorizzazione nella cache di MySQL:
Query_cache_size = 32M query_cache_limit = 1M
Configurazione MySQL più avanzata per Wordpress.
memorizzazione nella cache
Questo è il punto più importante. La memorizzazione nella cache può velocizzare notevolmente il tuo sito e risparmiare risorse del server. Per chiarezza, useremo ab da Apache. Controlliamo un'installazione standard di Wordpress senza memorizzazione nella cache. Inviamo richieste attraverso la rete locale, quindi il ritardo non viene creato da nient'altro che Wordpress stesso:Ab -c 10 -n 500 http: // wordpress /
Otteniamo un tempo medio di richiesta di circa 50 ms:
Totale trasferiti: 4183000 byte HTML trasferiti: 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 ricevuti
Chrome mostra un'attesa di risposta media di 150 ms (il server si trova nei Paesi Bassi):
WP Super Cache
Questo plugin ti consente di abilitare la memorizzazione nella cache letteralmente in un solo passaggio. 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, otteniamo una diminuzione di 25 volte del tempo medio per richiesta (!):
Totale trasferiti: 4293500 byte HTML trasferiti: 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'aspettativa media di una risposta in Chrome è diminuita di 3 volte:
Varnish può essere utilizzato come alternativa lato server a WP Super Cache. Ti consente di ridurre il tempo per l'elaborazione di una richiesta di quasi un ordine di grandezza, ma la soluzione stessa è meno flessibile (adatta per i blog senza elementi dinamici).
Stili, script e immagini
Minificazione e compressione
Minimizzando CSS/JS puoi risparmiare il 10-15% della loro dimensione. Per abilitare la minimizzazione della 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 è incluso in questo modo:Server (... gzip on; gzip_disable "msie6"; gzip_types text / plain text / css application / json application / x-javascript text / xml application / xml application / xml + rss text / javascript application / javascript; ...)
Ottimizzazione delle immagini
Le immagini possono costituire una frazione molto grande della dimensione complessiva della pagina. La compressione senza perdita di immagini delle immagini può far risparmiare il 30 ... 40% della loro dimensione. Questo viene fatto dal modulo EWWW Image Optimizer. Perché funzioni, devi installare imagemagick e la libreria gd:Apt-get install imagemagick php5-gd
Buone pratiche ed esperienza
- È meglio scegliere un VPS per l'hosting Wordpress. Sull'hosting condiviso, gran parte di quanto sopra è impossibile. Inoltre, VPS è abbastanza economico ora.
- Testa i temi con Pagespeed prima dell'uso
- Svuota il cestino
- Rimuovi le vecchie revisioni dei post
- Rimuovi i commenti spam
- Disattiva i trackback quando le cose si fanno molto lente
- Invia RSS tramite feedburner
Di conseguenza
Siamo riusciti a overcloccare un'installazione Wordpress nuda di quasi 100 volte nel tempo di generazione della pagina (abbiamo attivato Varnish) e ad aumentare Pagespeed da 76 a 93:
Prima o poi, tutti i webmaster alle prime armi si trovano ad affrontare il problema della velocità di caricamento delle pagine del sito. I proprietari di siti WordPress non fanno eccezione. Dopo un mese o due, tutti i siti WordPress iniziano a diventare "noi", la ragione di ciò può essere dovuta a molti fattori. In questo articolo analizzeremo i principali motivi e modi per velocizzare un sito wordpress.
Navigazione pagina:
10 suggerimenti per velocizzare il tuo sito con WordPre ss
Per velocizzare il nostro sito, è necessario intraprendere una serie di azioni. Innanzitutto, analizziamo la velocità di caricamento della nostra pagina utilizzando pingdom.com.
Questo sarà il nostro punto di partenza per iniziare. E non importa quanto terribile sia la cifra iniziale, non importa, grazie alla nostra guida ridurrai notevolmente la velocità di caricamento del sito web.
Elenchiamo come puoi velocizzare il tuo sito wordpress:
- compressione gZIP;
- minimizzare css e JavaScript;
- ridurre la dimensione del titolo della recensione;
- pulire il database dalla spazzatura;
- rimuovere JavaScript non necessario;
- utilizzare la memorizzazione nella cache per il contenuto statico;
- layout css e JavaScript;
- utilizzare i sottodomini per il download parallelo;
- rinunciare ai plugin non necessari;
- scegli l'hosting veloce per il tuo sito web.
A prima vista, c'è molto lavoro da fare, ma aver capito cosa fare non ti ci vorrà più di mezz'ora e lo "scarico" dal percorso percorso sarà colossale. Diamo un'occhiata più da vicino a ciascun punto proposto e velocizziamo un sito WordPress.
I browser tendono a ricevere le pagine del sito in un modulo GZip compresso. Cioè, quando il client lo richiede, il tuo server invia i dati della pagina del tuo sito nell'archivio. Successivamente, il browser dell'utente estrae correttamente i dati dall'archivio e li visualizza sullo schermo del monitor. Questo il processo accelererà notevolmente il caricamento della tua pagina, quindi non trascurare questo metodo.
Come verificare se la compressione gzip è abilitata
Per verificare se la compressione è abilitata sul tuo server, puoi utilizzare il sito web whatsmyip.org, che mostrerà se i tuoi dati vengono compressi e quanto sono efficienti.
Se il controllo risulta quanto segue:
Ciò significa che i tuoi dati sono compressi e tutto funziona correttamente per te.
Usiamo i nostri fogli di stile a cascata (CSS) e JavaScript per rendere la pagina, ci vuole molto tempo per caricare la nostra pagina. Per migliorare e velocizzare i nostri stili e script, dobbiamo ridurli e dare loro la dimensione minima.
Per ridurre la quantità di codice e velocizzare il caricamento della pagina su un sito WordPress, ci sono diverse opzioni. Istruzioni per le quali possono essere lette sul nostro sito web.
Più componenti abbiamo nella pagina di download, come:
- immagini;
- script;
- animazioni flash, ecc.
più lentamente si carica. Del resto la regola del protocollo HTTP/1.1 pone la limitazione del download simultaneo di componenti da un host al livello di 2 pezzi. Pertanto, le nostre parti della pagina vengono caricate lentamente e in parti. Esiste anche una soluzione a questo problema, e la analizzeremo in dettaglio nella prossima pubblicazione.
Accade così che un webmaster, per ignoranza o dimenticanza, si dimentichi di pulire il database, che tende a crescere eccessivamente, soprattutto in WordPress.
Un database sporco porterà a enormi ritardi di caricamento, a causa del fatto che il numero di ricerche sarà molto grande. La correzione correttamente configurata dell'immissione dei dati nel database e dalla "scoria" ti aiuterà a mantenere velocità e pulizia, ti consentirà di accelerare abbastanza bene un sito su wordpress.
Al giorno d'oggi, ci sono molte diverse aggiunte alle nostre pagine, tutti i tipi di widget caricano un'enorme quantità di dati da risorse di terze parti, il che complica notevolmente il caricamento della pagina. La regola principale rinunciare a script non necessari! Non dovresti affrettarti a vedere ogni bella immagine e ogni aggiunta al tuo sito, prima pensaci e provalo e vedi come influenzerà la tua velocità.
Suggerimento 6. L'utilizzo della memorizzazione nella cache ti consentirà di velocizzare il tuo sito su wordpress
L'utilizzo della memorizzazione nella cache del browser è anche la chiave per rendere più veloce il lavoro di WordPress. Aggiungi alla cache quanti più dati possibili che verranno trasmessi all'utente in una forma già pronta, e non verranno creati di nuovo ogni volta, sprecando il tempo prezioso del tuo visitatore.
Per utilizzare la memorizzazione nella cache, esistono diversi metodi, la cui implementazione consentirà ai tuoi utenti regolari di navigare con sicurezza attraverso le pagine del tuo sito senza ritardi significativi.
Per la memorizzazione nella cache, puoi utilizzare o un altro plug-in che ti piace.
Suggerimento 7. Posiziona correttamente il tuo css e JavaScript include.
Per il miglior caricamento del sito, collega tutti i tuoi stili nella parte superiore del documento, nel tag
... Questa tecnica consentirà al browser di caricare gradualmente l'intero stile, senza perdite e salti di immagine indesiderati. Non sembra molto bello quando il testo viene caricato per la prima volta, e solo allora inizia a essere lanciato da un lato all'altro, aggiungendo rientri e sostituendolo con la navigazione e altri stili di sito aggiuntivi.Allo stesso tempo, Google consiglia di omettere tutti i file di stile nella parte inferiore del documento, presumibilmente interferiscono con il caricamento del contenuto, in effetti lo è. Cosa scegliere in questo caso? Un piccolo esperimento aiuterà a risolvere questo dibattito. Se hai un file CSS "pesante", con un numero enorme di regole e quando carichi la pagina del sito, tutti gli elementi saltano, quindi posizionalo nell'intestazione, ma se non succede nulla quando gli stili sono collegati nel piè di pagina, allora è meglio lasciarlo in fondo. È necessario scegliere il minore dei due mali.
Tutti i JavaScript, se possibile, dovrebbero essere abbassati nel documento in modo che vengano attivati per ultimi e non rallentino il caricamento del contenuto principale. Ciò non accelererà il caricamento dell'intera pagina quanto ridurrà il tempo impiegato per formare la base, accettabile per la visualizzazione, e solo allora verrà caricata la funzionalità.
Suggerimento 8. Usa i sottodomini per i download paralleli
Come accennato, c'è una limitazione al download simultaneo dei componenti, quindi usa il maggior numero possibile di sottodomini per caricare rapidamente la tua grafica. Sarà lo stesso host per te, ma diverso per il browser, che gli permetterà di caricare i tuoi dati più velocemente e posizionarli in luoghi dedicati.
Ogni plug-in e ciascuno dei suoi moduli rallenta il caricamento della pagina, rinuncia a plug-in non necessari e non necessari le cui azioni possono essere sostituite iniettando un po' di codice nel motore. Questo non solo accelererà, ma ti proteggerà anche da potenziali hacker.
Rivedi i tuoi plugin, sperimentali e disabilitali uno alla volta e osserva i cambiamenti nella velocità di caricamento della pagina. Se la differenza è grande, abbandonala completamente o prova a sostituire il componente aggiuntivo con un altro con funzionalità simili.
Presentato separatamente.
La domanda è abbastanza difficile, perché tutti i provider di hosting ti promettono la migliore velocità per te, ma prenditi il tuo tempo e analizza diverse opzioni. Leggi le recensioni dei clienti e prova a scegliere quella migliore per te in termini di "prezzo - qualità".
Naturalmente, l'opzione migliore per un grande progetto sarebbe l'hosting dedicato o VPS, i cui costi sono molto più alti di un host normale, ma i vantaggi sono enormi.
Infine: l'articolo descrive in dettaglio come velocizzare un sito web su wordpress, utilizzando questi suggerimenti puoi velocizzare il tuo sito web più volte, o anche decine di volte. I costi di attuazione del cambiamento sono principalmente sostenuti da immobilizzazioni temporanee ei benefici che ne derivano sono superiori a qualsiasi aspettativa.
Tutti vogliono che i propri siti vengano caricati ed eseguiti il più velocemente possibile. Ma questo non accadrà da solo, soprattutto se il sito è pieno di contenuti piuttosto pesanti e un numero enorme di persone lo visita. CMS WordPress non è un esempio di piattaforma perfettamente veloce, ma ci sono modi per velocizzare il caricamento del sito web. Ricorda che ciò influisce non solo sulla fedeltà dei visitatori, ma anche sul posizionamento del tuo sito nei risultati di ricerca, poiché Google utilizza il tempo di caricamento della pagina come fattore di posizionamento.
Puoi controllare la velocità di caricamento del sito web utilizzando lo strumento Google Page Speed per tenere traccia del grado di influenza di ogni passaggio, che analizzeremo in seguito.
Ottimizzazione delle immagini di WordPress
È improbabile che il tuo sito faccia a meno delle immagini, quindi è importante che siano ottimizzate.
Usa immagini di dimensioni appropriate. Non caricare immagini di grandi dimensioni per ridimensionarle in HTML in un secondo momento. Assicurati di caricare foto e altre immagini non più grandi di quelle che desideri visualizzare.
Rimuovi tutte le informazioni non necessarie dalle foto (data di creazione, fotocamera, coordinate GPS, ecc. che possono essere trovate nelle proprietà del file). Il plugin per l'ottimizzazione delle immagini di WordPress WP Smush.it ti aiuterà in questo.
Velocizza WordPress con gli sprite CSS, una tecnica CSS che ti consente di combinare tutti gli elementi di design su una pagina in un'unica immagine. Di conseguenza, invece di caricare molte singole immagini ogni volta che effettua una richiesta HTTP, il sito aprirà un'immagine. Puoi utilizzare gli sprite CSS se il tema corrente del tuo sito li supporta.
Ci sono molti plugin disponibili per aiutarti a ridurre le dimensioni delle tue immagini. Ad esempio, EWWW Image Optimizer o il già citato WP Smush.it. Puoi anche utilizzare servizi di terze parti per ridurre le dimensioni delle immagini. Ad esempio, il servizio Tinyjpg è ottimo per ridurre le dimensioni delle immagini senza perdere qualità.
Ti mostriamo come elaborare tutte le tue immagini con EWWW Image Optimizer in pochi clic:
Una volta installato e attivato il plug-in, vai al pannello di amministrazione di WordPress e vai su Media >> Bulk Optimization: 
Vedrai un'opzione per ottimizzare tutte le immagini nella libreria. Fare clic sul pulsante "Avvia ottimizzazione".
Se è necessario ottimizzare un'immagine al di fuori della libreria multimediale (ad esempio, elementi grafici del tema attivo), utilizzare il pulsante Scansione e ottimizzazione. 
Importante: il plugin permette di definire il grado di compressione dell'immagine. Ad esempio, se hai un blog fotografico, le immagini molto ben ottimizzate perderanno qualità.
Compressione di file
L'ottimizzazione di un sito WordPress è possibile anche tramite la compressione dei file. Se stai utilizzando il pannello di hosting cPanel, puoi utilizzare il menu "Ottimizza sito web". 
È molto facile da usare: seleziona l'opzione "Comprimi tutto il contenuto" e fai clic su "Aggiorna impostazioni". Questo comprimerà tutti i file sul tuo sito. Se vuoi comprimere solo un certo tipo di file, usa l'opzione "Comprimi i tipi MIME specificati". 
Cache del browser
Utilizzando il file .htaccess del tuo sito, puoi personalizzare il periodo di conservazione dei contenuti statici (CSS, Javascript, immagine, ecc.) nei browser. Ciò ridurrà drasticamente il tempo di caricamento del tuo sito per i visitatori abituali.
Apri il file .htaccess che si trova nella directory principale del sito e aggiungi il seguente codice:
ScadeAttivo il
ExpiresByType image / jpg "accesso più 60 giorni"
ExpiresByType image / png "accesso più 60 giorni"
ExpiresByType immagine / gif "accesso più 60 giorni"
ExpiresByType image / jpeg "accesso più 60 giorni"
ExpiresByType testo / css "accesso più 2 settimane"
ExpiresByType image / x-icon "accesso più 2 settimane"
ExpiresByType application / pdf "accesso più 1 mese"
ExpiresByType audio / x-wav "accesso più 1 mese"
ExpiresByType audio / mpeg "accesso più 1 mese"
ExpiresByType video / mpeg "accesso più 1 mese"
ExpiresByType video / mp4 "accesso più 1 mese"
ExpiresByType video / quicktime "accesso più 1 mese"
ExpiresByType video / x-ms-wmv "accesso più 1 mese"
Applicazione ExpiresByType / x-shockwave-flash "accesso 1 mese"
ExpiresByType testo / javascript "accesso più 2 settimane"
ExpiresByType application / x-javascript "accesso più 2 settimane"
ExpiresByType applicazione / javascript "accesso più 2 settimane"
Il periodo di conservazione può essere modificato a seconda delle vostre esigenze.
Importante: Prima di apportare modifiche a .htaccess, fai un backup di questo file. Se qualcosa va storto con il file .htaccess, il sito non funzionerà.
Memorizzazione nella cache di WordPress
Tali plugin miglioreranno notevolmente la velocità di caricamento della tua pagina. I più popolari sono W3 Total Cache e WP Super Cache. La differenza principale tra loro è che W3 Total Cache si presta a una personalizzazione più flessibile.
Diamo un'occhiata a un esempio di configurazione di W3 Total Cache:
Una volta installato il plug-in, nella dashboard di WordPress vai su Plugin >> Installati >> W3 Total Cache >> Impostazioni. 
Importante: se sei un utente di hosting condiviso, ricorda che tutte le possibili opzioni di memorizzazione nella cache non devono essere abilitate contemporaneamente (evita di utilizzare l'opzione Attiva o disattiva tutti i tipi di memorizzazione nella cache (in una volta)). Se la memorizzazione nella cache degli oggetti e la memorizzazione nella cache del database sono abilitate, possono causare problemi utilizzando le risorse del tuo account di hosting senza migliorare la velocità di caricamento della pagina. Ma se il tuo sito è su un VPS o un server dedicato, questo non ti influenzerà.
Nel menu Impostazioni, abilita le seguenti opzioni:
- cache della pagina
- Minimizza
- Cache del browser
E quindi fare clic sul pulsante "Salva tutte le impostazioni".
Utilizzando il plug-in di memorizzazione nella cache per WordPress, il sito si caricherà più velocemente.
Utilizzo di CDN
CDN è una rete di distribuzione dei contenuti composta da server che copiano il tuo sito in tutte le loro posizioni. Quando i tuoi visitatori effettuano una richiesta a un sito, il server più vicino a loro serve dei contenuti, il che riduce notevolmente la velocità di risposta rispetto a una chiamata al data center principale del provider di hosting.
Uno dei servizi CDN più popolari è Cloudflare. Questo è ciò che consigliamo al nostro cliente di utilizzare e offrire insieme a tutti i pacchetti di hosting virtuale.
Tutti gli altri punti seguenti non influiscono sulla velocità di caricamento della pagina tanto quanto sull'ottimizzazione delle risorse e sull'esperienza utente complessiva, quindi sono altrettanto importanti.
Ottimizzazione della home page
La prima cosa che le persone vedono sul tuo sito è la tua home page. E se l'utente arriva immediatamente a qualche altra pagina, allora molti vanno dopo quello alla pagina principale. Ecco alcuni suggerimenti per ottimizzare la tua home page:
LazyLoad - plugin che aiutano a caricare le immagini in modo lento. Questo è vero per i siti con molte immagini. L'immagine inizia a caricarsi solo quando l'utente scorre in un determinato punto della pagina. Pertanto, se alla fine della pagina è presente un'immagine e l'utente semplicemente non ha eseguito lo scorrimento fino a questo punto, l'immagine non verrà caricata. Un esempio di tale plugin è jQuery Image Lazy Load.
Naturalmente, non vedrai alcun effetto visivo da questo plugin, ma può ridurre il consumo di risorse del server del tuo sito caricando meno informazioni per gli utenti che non stanno scorrendo completamente le pagine.
Abilitazione della protezione dall'hotlinking
Se un collegamento diretto a un'immagine che si trova sul tuo server/sito viene posizionato su qualche altro sito, ogni volta che qualcuno apre questa immagine, la richiesta andrà al tuo server e consumerà le risorse del tuo account. La soluzione a questo problema è bloccare completamente tali richieste.
Se sei un utente di cPanel, puoi utilizzare l'opzione "Hotlink Protection" integrata. 
Puoi anche abilitare la protezione dall'hotlinking utilizzando il codice .htaccess:
Riscrivi motore acceso
RewriteCond% (HTTP_REFERER)! ^ Http: // (. + \.)? Yourdomain \ .com / RewriteCond% (HTTP_REFERER)! ^ $
RewriteRule. * \. (Jpe? G | gif | bmp | png) $ /images/nohotlink.jpg [L]
Usando questo codice, il tuo server controlla esattamente da dove proviene la richiesta: se dalle pagine del tuo sito, allora darà l'immagine all'utente senza problemi; se dal sito di qualcun altro, il server visualizza un'immagine con un errore (nohotlink.jpg - qualsiasi immagine che si desidera utilizzare per questo scopo).
È tutto! Queste sono le opzioni di base per l'ottimizzazione del sito WordPress che non ti richiederanno molto tempo, ma possono migliorare le prestazioni del tuo sito.
