Skip to main content
WordPress

5 modi per accelerare il tuo sito, oltre a WP Rocket

By 2 Gennaio 2020Novembre 18th, 2020No Comments

Disclaimer: questo articolo è rivolto a un pubblico con conoscenze tecniche da intermedie ad avanzate. Questo è un guest post e le opinioni sono quelle dell’autore, non necessariamente WP RocketI servizi menzionati non sono necessariamente approvazioni ufficiali di WP Rocket.

Hai trovato la configurazione WP Rocket perfetta per il tuo sito ma desideri andare ancora oltre con la tua ottimizzazione? In questo articolo ti daremo 5 suggerimenti per individuare e risolvere le cause più comuni di lentezza per un sito web, anche se stai già utilizzando WP Rocket. E se il tuo sito è già veloce, questi punti ti aiuteranno ad aumentarne la velocità!

5 MODI PER IDENTIFICARE IL MOTIVO PER CUI IL TUO SITO È LENTO, ANCHE SE WP ROCKET FUNZIONA

  1. Identifica un plug-in mal codificato con un’analisi lato client
  2. Identifica e sbarazzati delle richieste MySQL lente
  3. Scegli e ottimizza il miglior hosting per il tuo sito
  4. Quando e come dovresti usare una CDN?
  5. Ottimizza le tue immagini per il Web

1. IDENTIFICARE UN PLUG-IN MAL CODIFICATO CON UN’ANALISI LATO CLIENT

La prima mossa per identificare le cause critiche della lentezza per il tuo sito è una scansione front-end della tua pagina con uno degli strumenti per le prestazioni web disponibili.

Per ottenere un risultato più accurato, prima di avviare il test è necessario disattivare il plug-in della cache.

Gli attrezzi

  • Pingdom
  • Dareboost
  • WebPage Test
  • Yslow (installalo sul tuo browser)

Per i miei test, userò Pingdom, poiché  è veloce da usare e presenta i risultati in un formato facilmente leggibile.

Ora, per identificare il motivo di un lungo tempo di caricamento, devi ordinare la “cascata” di Pingdom, scegliendo “tempo di caricamento” dal menu.

Casi studio

Esempio 1, widget esterni

Il tempo di caricamento per il mio primo caso di studio è stato di 4,75 s.

Dal primo sguardo alla cascata di Pingdom, ho potuto immediatamente individuare la causa del problema. Leggi attentamente le righe di questa tabella:

L’hai trovato ?

Certo, hai capito, questo sito utilizza un vecchio “Facebook like box” integrato tramite un iframe. Questo è un vero assassino di prestazioni per questo sito:

Ogni volta che incontri un caso simile, dovresti sempre chiederti: qual è la scelta migliore per i miei utenti? Devo dare la priorità a un widget per la mia pagina Facebook o devo fornire una migliore esperienza utente con una pagina che si carica 3 volte più velocemente? 

Perché non sostituisci quel widget con un link visibile nell’intestazione del tuo sito? Se il tuo tema include alcuni caratteri di icone come FontAwesome, puoi ottenere un risultato attraente senza appesantire la tua pagina con un’immagine.

Dopo questa correzione, il tempo di caricamento per questo sito è sceso a 0,95 s.

Esistono innumerevoli widget che utilizzano script esterni, ad esempio i pulsanti di condivisione di Shareaholic, solo per citarne uno.

In questi casi, nemmeno un plug-in per le prestazioni come WP Rocket può fare miracoli per ridurre la lentezza di questi widget esterni. Un’ottimizzazione a monte è fondamentale per ottenere le prestazioni ottimali.

Esempio 2, plugin mal codificati

Il tempo di caricamento per questo secondo caso di studio è stato di 2,88 s.

Dalla cascata di Pingdom, posso vedere uno script che impiega molto tempo per caricarsi.  


In un film, la sceneggiatura dice all’attore cosa fare. Con la codifica, è lo stesso: lo script descrive il processo che dovrebbe essere eseguito. E a volte, questo può comportare un tempo di caricamento enorme e rallentare il tuo sito.

Immediatamente, ho potuto identificare quale plugin sta integrando JavaScript attraverso uno script mal codificato: dai un’occhiata all’URL: / wp-content / plugins / {nome plugin} / js / …

Dopo alcune ricerche su Google, ho scoperto che questo era un problema noto per questo plug-in ed è stato risolto con un aggiornamento del plug-in. In alternativa, avrei potuto rimuovere il plugin e sostituirlo con un altro. Spesso ci sono più plugin che offrono la stessa soluzione.

Dopo queste correzioni, il tempo di caricamento per questo sito è sceso a 0,59 s.

In generale, è buona norma  rivedere regolarmente i plugin di WordPress e disattivare quelli che non sono realmente utili per il funzionamento del tuo sito.

2. IDENTIFICARE E SBARAZZARSI DI RICHIESTE MYSQL LENTE

Gli attrezzi

Esistono molti plugin che forniscono informazioni utili sul consumo di risorse:

  • Query Monitor
  • Oggetti di debug
  • P3 Profiler (anche se sembra abbandonato dal suo autore)

Query MySQL lente

Prima di avviare un sito Web complesso, può essere utile eseguire una diagnostica per verificare che non abbiamo invitato alcun plug-in avido al nostro tavolo.

Al momento sto lavorando su un sito che utilizza WooCommerce e WPML insieme. Prima di attivare WP Rocket, ho eseguito una diagnostica con Query Monitor e ho rilevato alcune query lente:

La mia sensazione era giusta. Sembra che mi sia dimenticato di fare alcune ottimizzazioni sul lato WPML. Ho finito per disattivare alcune opzioni WPML come le stringhe di registrazione automatica per la traduzione. Questo mi ha permesso di ottimizzare correttamente WPML, in modo che tutte le query vengano eseguite nel modo più efficiente.
Questi tipi di ottimizzazioni renderanno il tuo plug-in della cache ancora più efficiente!

Memoria di WordPress allocata

WordPress di per sé è un CMS relativamente leggero, ma può diventare rapidamente un divoratore di risorse una volta installati determinati plugin.

Per impostazione predefinita, WordPress concede 40M di memoria RAM per ogni processo.

Se il tuo sito esegue alcuni plugin avanzati, sarà necessario aumentare la memoria. Per fare ciò, puoi aggiungere questa riga nel tuo file wp-config.php:

define (‘WP_MEMORY_LIMIT’, ‘128M’);

Il tuo sito WordPress sarà ora in grado di respirare. In ogni caso, ricorda che, per prestazioni ottimali, un webhost affidabile e ben configurato è comunque fondamentale.

Nel caso in cui la tua dashboard sia lenta, non puoi aspettarti che WP Rocket (o qualsiasi plug-in di memorizzazione nella cache) ti aiuti poiché non memorizzano nella cache l’area di amministrazione. E sì, quando parliamo di ottimizzare il tempo di caricamento di un sito web per tutti i tuoi visitatori, includiamo anche i tuoi utenti di backend!

Se hai un server costruito in modo robusto, puoi provare a rimuovere tutti i limiti con qualcosa come:

define (‘WP_MEMORY_LIMIT’, ‘512M’);

define (‘WP_MAX_MEMORY_LIMIT’, ‘1024M’);

3. SCEGLI E OTTIMIZZA IL MIGLIOR HOSTING PER IL TUO SITO

Insieme ad una buona ottimizzazione di WordPress, la scelta dell’hosting è altrettanto fondamentale. Se si opta per un piano di hosting condiviso con un provider a basso costo,  si corre il rischio di essere collocati su un server in cui RAM e CPU sono già sovraccariche.  

Dovresti scegliere un host web di qualità e finemente ottimizzato.

Utilizza le ultime tecnologie di hosting

Per esempio,  la società di hosting che utilizzo, Easy Hoster, fornisce  SSD  e  LiteSpeed . È importante utilizzare le tecnologie recenti. Ad esempio, su altri server, lavoro con Apache 2.4 PHP 5.6 PHP 7 MariaDB 10.1 per il database, oltre a OPcache PHP-FPM .
Dai nostri test, abbiamo scoperto che la tecnologia PHP suEXEC non consente risultati soddisfacenti.

L’utilizzo di una tecnologia di hosting affidabile e aggiornata può darti prestazioni 10 volte migliori di quelle che otterrai con un hosting condiviso economico.

Se hai la possibilità di gestire un server con cPanel e root di accesso per WHM, puoi selezionare la configurazione che ti propongo qui sotto con un solo click!

Tutto funziona sotto: WHM → Software → EasyApache 4.

E per il database: WHM → Software → Aggiornamento MySQL / MariaDB.

In caso di dubbi, contatta il tuo hosting. Ogni buona società di web hosting sarà lieta di aiutarti a configurarlo. Dopotutto, è il loro lavoro. 😉

Ottimizza anche il tuo hosting

All’interno della community di WordPress, insistiamo molto sull’importanza di gestire un buon sito Web ottimizzato. Tuttavia, non dimenticare che è altrettanto importante avere anche un web hosting ottimizzato.

Il limite di memoria è applicabile anche a PHP Nella sezione precedente abbiamo visto che puoi aumentare la memoria di WordPress modificando il tuo file wp-config.php.

Per rendere utile questa modifica, dovresti allocare anche abbastanza memoria per PHP.
Esistono molti modi per modificare “memory_limit” per PHP.

Per esempio :

  • Inserisci il tuo file .htaccess → aggiungi “php_value memory_limit 512M”
  • Oppure all’interno del php.ini → modificare il valore della riga “memory_limit”

Per i fortunati possessori di un WHM / cPanel:

  • all’interno di WHM → Configurazione servizio → Editor di configurazione PHP → Modalità avanzata → Limite di memoria
  • O in WHM con MultiPHP INI Editor → Modalità Editor
  • O nel cPanel, se MultiPHP è abilitato → MultiPHP INI Editor → Modalità Editor

Se tutto questo ti sta già dando mal di testa, contatta la tua società di hosting, è meglio. Inoltre, se non rispondono a questo tipo di richieste, forse è ora di cambiare il tuo hosting! 😉

Non dimenticare di attivare correttamente la compressione Gzip Molte persone pensano che Gzip sia abilitato nel proprio server, ma non sono sicuro che selezionare una casella nella dashboard sia sufficiente per questo.

Questo è ciò che normalmente vedono gli utenti di cPanel:

Sappiamo già che non è consigliabile selezionare la casella “Comprimi tutto il contenuto”.
Le immagini, ad esempio, devono essere ottimizzate con un metodo diverso e non con Gzip. Lo vedremo nel capitolo 5.

Quindi comprimiamo solo i file contenenti un testo? Sì! D’altra parte, penso che sia necessario andare un po ‘più in là del semplice «text / html text / plain».
Dammi il tuo consiglio nella sezione commenti se sei un esperto di web hosting 😉

Personalmente, questo è ciò che ho impostato nel mio pannello di hosting:


text / html text / plain text / xml text / css text / javascript application / javascript application / xhtml + xml application / xml application / rss + xml application / atom_xml application / x-javascript application / x-httpd-php application / x- applicazione httpd-fastphp / x-httpd-eruby image / svg + xml

Successivamente, nel tuo WHM, aumenta il numero di processi «pigz» in base al numero di CPU del tuo server. Molte persone non ci pensano e non lo fanno mai. 😉

L’ottimizzazione del server merita una propria serie di articoli. Non sono un maestro dell’ingegneria di rete, quindi se hai esperienza e feedback in merito, sei il benvenuto a partecipare alla discussione nei commenti! 🙂

4. QUANDO E COME DOVRESTI USARE UNA CDN?

Cos’è una CDN?

Una CDN, Content Delivery Network, è una rete (di server) progettata per distribuire rapidamente i tuoi contenuti in tutto il mondo.

Questa immagine è utile per illustrare come funziona ::

  • A sinistra: il server di origine (in rosso)
  • Distribuito dall’estrema sinistra all’estrema destra: utenti di Internet da ogni continente
  • Tra i due: server che fungono da relay per asset statici (JS, CSS, immagini) (in blu)

Certo, potresti averlo capito ora: poiché stiamo riducendo la distanza tra il visitatore e il server di origine grazie al CDN, il contenuto verrà servito molto più velocemente. Esattamente come se il sentiero da percorrere fosse più breve.

Quando dovresti usare una CDN?

Il caso più comune è che dovresti usare un CDN quando il tuo pubblico è internazionale, cioè quando hai visitatori da ogni angolo del mondo.

Se il tuo server web è a Parigi ma il tuo traffico proviene anche da Francia, America e Asia, le  tue risorse dovranno fare un viaggio intercontinentale molto lungo.

Il CDN è composto da diversi data center remoti vicini ai tuoi visitatori e questo ti aiuterà ad accelerare il download della tua pagina web.

Altri motivi per cui un CDN può essere utile:

  • Riduci il carico sul tuo server
  • Proteggi il tuo server dagli attacchi DDoS
  • Consentire il download parallelizzato di file
  • Avere accesso a un server ad alte prestazioni a un prezzo molto ragionevole
  • Ottieni statistiche supplementari sul tuo traffico (proposte da molte offerte CDN)

La decisione è tua. 😉

Come utilizzare una CDN: quale scegliere?

Jetpack Photon

Jetpack Photon, un servizio gratuito di Automattic, si descrive come un servizio di accelerazione delle immagini. Il suo impegno: minor carico sul tuo hosting e immagini più veloci per i tuoi lettori.

Sto testando Photon da alcuni mesi su alcuni dei miei siti, incluso il mio blog Rocket WEb e non vedo alcun motivo per disattivarlo.

Non ho alcun problema con la SEO su Google Immagini. Le mie foto e le mie illustrazioni vengono automaticamente ridimensionate in base all’uso che ne faccio sul mio sito e al dispositivo dell’utente (es. Schermi Retina).  

Apprezzo anche il fatto che sto alleviando il carico sul mio server!

Cloudflare

CloudFlare funziona come un “proxy inverso”, mascherando l’IP del server di origine e fornendo protezione DDoS. Altre caratteristiche includono:

  • funzionalità di ottimizzazione della pagina come la minificazione 
  • funzioni di sicurezza come il rilevamento di possibili intrusioni
  • certificato SSL gratuito e automatico (come Let’s Encrypt)
  • e, naturalmente, funziona come CDN

Cloudflare offre molti di questi servizi gratuitamente. Ci sono pro e contro nell’utilizzo di un servizio come Cloudflare. Ad esempio, se il tuo sito non funziona, avere un livello aggiuntivo come Cloudflare rende più difficile la risoluzione dei problemi: il problema è causato da Cloudflare? O dal tuo webhost?

Quindi può aggiungere un po ‘di complessità in più, ma potresti scoprire che la velocità e la sicurezza aggiuntive lo rendono utile. Come con qualsiasi strumento, dovresti provarlo tu stesso, poiché gli effetti variano da sito a sito. Se non vedi alcun vantaggio reale, puoi disattivarlo facilmente.

MaxCDN

Se desideri utilizzare un’alternativa a CloudFlare pur mantenendo il budget basso, puoi dare un’occhiata a MaxCDN. Questo sembra essere il servizio di riferimento quando si parla di CDN a pagamento. È un servizio CDN tradizionale, diverso da Cloudflare.

Questo servizio creerà solo una copia dei tuoi file per aiutarti a consegnarli più velocemente. Non può davvero interrompere l’accesso al tuo server poiché sostituirà semplicemente l’URL delle tue risorse (immagini, .js, ecc.) E le caricherà dal server più vicino al visitatore.

5. OTTIMIZZA LE TUE IMMAGINI PER IL WEB

Questa è la mia ultima raccomandazione, ma forse la più importante.

Se hai un sito web altrimenti perfettamente ottimizzato, ma non ottimizzi le tue immagini, rimarrà lento come una tartaruga. Non è raro vedere siti che caricano immagini che pesano più di 1,5 MB.

Per ottimizzare un’immagine, dovresti:

Ridimensiona l’immagine e scegli la buona risoluzione.

Salva l’immagine per il Web.

Comprimi l’immagine senza perdere qualità; ad esempio puoi usare il filestrumento online Imagify. La creazione di un account gratuito richiede meno di un minuto.

A seconda del livello di compressione desiderato, le immagini potrebbero essere fino a 10 volte più leggere.

Se alcuni di questi passaggi sembrano fastidiosi o complessi, non preoccuparti, Imagify ti copre. Puoi installarli gratuitamente Plugin di WordPress.

Se il tuo sito contiene già molte immagini e ti sei dimenticato di ottimizzarle in anticipo, puoi comprimere tutti quei file in pochi minuti grazie al plugin.

La vita non è bella?

IL TUO SITO WORDPRESS ORA È VELOCISSIMO!

Riassumiamo!

Una volta che iniziamo a campionare le delizie dell’ottimizzazione che sono in grado di ridurre il tempo di caricamento del nostro sito, è facile diventare dipendenti da loro.

Come utente di WP Rocket, ne sono davvero consapevole. Una volta installato e configurato correttamente questo plug-in, vorrai fare sempre di più!

Leave a Reply