Una guida per principianti all'ottimizzazione della velocità del sito web Correggi il tuo sito lento

Non sai come aumentare la velocità complessiva del tuo sito web?

La velocità del sito web è la parte fondamentale della moderna SEO e fidati; Ha un effetto immediato e significativo sulle classifiche.

Se hai mai visitato il mio sito Web TheGuideX, noterai che il mio sito carica meno di 1 secondo (ho anche allegato il risultato di GTmertix di seguito).

Secondo GTmetrix, il punteggio PageSpeed ​​di TheGuideX.com è del 100% e il punteggio YSlow è di circa il 95% con un tempo di caricamento di 0,9 secondi e solo 23 richieste HTTP. È fantastico.

...ed ecco un altro report di TheVPNCoupon.com, dove scrivo un blog sulle VPN.

E secondo GTmetrix, il punteggio PageSpeed ​​del mio altro blog (TheVPNCoupon.com) è di circa il 99% e il punteggio YSlow è del 95% con richieste 23-HTTP e anche questo sito Web carica meno di 1 secondo (anche se ci vogliono solo 800 ms per caricarlo sito web).

Un sito Web che carica meno di 2 secondi è considerato una velocità di caricamento accettabile. Ma ti consigliamo sempre di ottimizzare il tuo sito il più possibile per una migliore velocità di caricamento.

Quindi cosa faccio per ottimizzare la velocità del mio sito web? E servono competenze tecniche o di sviluppo per ottimizzare il tuo sito?

La risposta è no; non hai bisogno di competenze tecniche o di sviluppo per ottimizzare il tuo sito web. Puoi farlo facilmente usando alcuni plugin di WordPress e CDN. E per ottimizzare il tuo sito, in primo luogo, hai bisogno di un piano di web hosting migliore.

La maggior parte dei blogger dilettanti ha fallito qui, quando mi chiedono di ottimizzare il loro sito, noto che stavano utilizzando piani di hosting condiviso economici sul loro sito e l'utilizzo di un piano di hosting economico non può mai rendere veloce un sito web.

Se hai una conoscenza di base di VPS, ti consiglio di spostare prima il tuo sito Web su DigitalOcean o Cloudways e se desideri un hosting basato su cPanel, puoi passare a SiteGround.

Inoltre, assicurati di utilizzare una CDN sul tuo sito web. Se stai cercando un provider CDN gratuito, ti consiglierò Cloudflare. Puoi anche utilizzare ImageKit per Image CDN (lo sto usando sul mio sito Web e mi aiuta a ottimizzare le immagini in tempo reale).

Prima di approfondire le tecniche di ottimizzazione della velocità, prima impariamo

Perché la velocità è importante?

Quindi, quanto tempo aspetti che un sito Web venga caricato?

Bene, secondo le statistiche, metà di noi e anche quando si tratta di me, non voglio aspettare due secondi per caricare un sito web.

Ecco perché volevo assicurarmi che il mio sito Web si caricasse entro un secondo o il più velocemente possibile. E oggi condividerò esattamente lo stesso metodo, che utilizzo sul mio sito Web per ottimizzarne la velocità.

Ma perché la velocità di un sito web è importante? E che differenza fa una frazione di secondo?

La risposta? Fa una grande differenza!

Ma come fa una grande differenza? Vediamo un rapporto dettagliato per saperne di più sul perché la velocità è importante.

1. I siti Web lenti uccidono le conversioni:

Un sito web lento può uccidere le conversioni del tuo sito web.

Immaginiamo se sei un sito di eCommerce e il caricamento del tuo sito Web impiega circa quattro secondi. E secondo vari rapporti, il 40% delle persone può lasciare il tuo sito se impiega più di tre secondi per caricarsi.

Quindi, in questo senso, se il tuo sito web riceve circa 1.00.000 di traffico al mese e impiega circa quattro secondi per caricare il tuo sito web, allora ci sono molte possibilità che fino a 40.000 persone possano abbandonare il tuo sito.

E in questo modo, perderai il 40% delle persone, e quindi incide anche sulla conversione complessiva del sito web. In questo modo, la velocità del sito web è molto importante per aumentare le conversioni.

2. Ci aspettiamo velocità ed esperienza utente:

Come ho già detto sopra, il 40% delle persone lascia il tuo sito web se impiega più di tre secondi per caricarsi. E quando si tratta di me, lascio sempre il sito, che impiega due o più secondi per caricarsi.

WTH aspettare i due secondi per caricare il sito web?

Se non posso aspettare due secondi, non posso aspettarmi che i miei lettori rimangano così a lungo.

Ci sono due fattori principali coinvolti in una buona esperienza utente:

1. Dare ai visitatori quello che stanno cercando e
2. Dandoglielo velocemente.

Ecco alcuni altri fattori di ranking sulla nuova esperienza di pagina di Google che puoi considerare di ottimizzare sul tuo sito web.

E non appena i visitatori sono confusi e frustrati, significa che abbiamo fatto qualcosa di sbagliato e non c'è niente di più frustrato di un lento tempo di caricamento.

Se vuoi davvero migliorare le prestazioni complessive del tuo sito web, la velocità di caricamento del sito web dovrebbe essere la tua massima priorità.

3. La velocità del sito web influisce sul tuo posizionamento su Google:

Ultimo ma non meno importante punto è che domina la classifica di Google.

Google ha già confessato che si stanno sforzando di rendere veloce l'intero Web. Hanno la missione di rendere il sito web super veloce, più affidabile e utile.

Non può essere possibile senza una buona velocità di caricamento e stanno dando la priorità ai siti con velocità di caricamento elevata. E per quanto ne so, nel 2010 hanno annunciato che stanno dando una preferenza leggermente maggiore ai siti Web con velocità di caricamento elevata.

E secondo un rapporto di SERoundtable, se il tuo sito Web impiega più di 2 secondi per caricare i contenuti, Google potrebbe limitare il numero di crawler che invia al tuo sito.

Se si tratta del tuo sito, è meno probabile che Google preferisca e recuperi il tuo ultimo post sul blog o noti eventuali aggiornamenti recenti. E sicuramente danneggerà il tuo sito web.

Quindi la velocità è importante, influisce sulla conversione del tuo sito web; influisce sull'esperienza dell'utente e influisce anche sul posizionamento sui motori di ricerca.

A partire da ora, sono sicuro che hai imparato quanto sia importante un sito Web a caricamento rapido.

E ora, prima di passare a tecniche specifiche per aiutarti a ottimizzare la velocità complessiva del tuo sito web, prendiamoci un momento per esaminare gli strumenti che ti aiuteranno ad analizzare la velocità delle tue pagine web.

Strumenti di test della velocità del sito web

Ok, quindi l'ottimizzazione della velocità del sito web è importante! Ora, come fai a sapere dove sei?

Cioè, il tuo sito web è lento? È nel mezzo o è fulmineo (congratulazioni quindi, probabilmente puoi smettere di leggere!).

L'unico modo per saperlo è testare il tuo sito web. Esistono molti siti per misurare la velocità del nostro sito Web, ma qui in questa guida condividerò solo alcuni strumenti che personalmente preferisco utilizzare.

1. GTmetrix

GTmetrix è uno dei migliori strumenti per controllare le prestazioni del sito web. Questo strumento è una buona opzione per utenti e sviluppatori occasionali.

GTmetrix offre un design intuitivo con una serie di ottimizzazioni utili e approfondite. Per utilizzare questo strumento, basta inserire un collegamento al sito Web e fare clic sul pulsante " Analizza" .

Quando fai clic sul pulsante " Analizza ", ci vorranno alcuni secondi o talvolta un minuto per sputare indietro con un'analisi dettagliata del tuo sito web.

E se approfondisci il risultato di GTmetrix ed espandi la sezione " raccomandazione" , mostrerà consigli specifici per il tuo sito web. Puoi anche fare clic su "Cosa significa?" per saperne di più su tali errori e ottimizzazioni.

Oltre ai " consigli" , mostra anche il tempo di ricerca DNS di ogni file esterno e interno utilizzato dal tuo sito web. Se sei uno sviluppatore o hai competenze tecniche, ti aiuterà a ottimizzare ulteriormente il tuo sito.

2. Pingdom

Pingdom è un altro strumento molto efficiente e ottimo per l'ottimizzazione della velocità di WordPress. Se sei un principiante o uno sviluppatore, questo strumento ti aiuterà a testare in modo efficiente il tuo sito web e ti aiuterà con i consigli per ottimizzare il tuo sito.

Per utilizzare questo strumento, inserisci l'indirizzo del tuo sito Web e quindi seleziona la " posizione di test". Una volta scelta la posizione del test, fai clic sul pulsante " Avvia test" e inizierà ad analizzare la pagina.

E simile a GTmetrix, se scavi più a fondo, ti mostra vari consigli per ottimizzare il tuo sito web. E più in basso, puoi trovare informazioni sulle richieste specifiche sul tuo sito e analisi a cascata.

Questo strumento è davvero utile per improvvisare la velocità del tuo sito Web, ma richiede alcune conoscenze avanzate per trarne vantaggio. Puoi anche leggere un post sull'analisi delle cascate di KeyCDN per saperne di più.

3. Approfondimenti sulla velocità di pagina di Google

Un altro strumento migliore per testare il tuo sito web è PageSpeed ​​Insight di Google. Questo strumento ti dà solo suggerimenti attraverso i quali puoi ottimizzare il tuo sito web, ma non condividerebbe il risultato del test di velocità del tuo sito web.

Questo è cambiato, però. Ora, Google condividerà il tempo di caricamento della pagina sia per First Contentful Paint (FCP) che per DOM Content Loaded (DCL) . Puoi saperne di più su queste metriche di velocità sulla pagina ufficiale degli sviluppatori di Google qui.

Se hai un punteggio di velocità di pagina basso e un tempo di caricamento scarso, allora questa guida è per te! Puoi leggere questa guida fino alla fine per ottimizzare correttamente il tuo sito web su Google PageSpeed ​​Insight e altri siti web.

Puoi anche consultare la nostra altra guida sulla risoluzione di Flash of Invisible Text (FOIT) per ottimizzare i caratteri del tuo sito web.

4. Test della pagina web

Ultimo ma non meno importante strumento utilizzato per controllare la velocità del sito Web è WebPageTest. Questo strumento è uno degli strumenti di test della velocità di WordPress più avanzati in termini di profondità delle funzionalità e dei dati che fornisce.

Quando controlli la velocità del tuo sito Web utilizzando lo strumento WebPageTest, puoi utilizzare alcune Impostazioni avanzate per analizzare il tuo sito Web. È possibile utilizzare queste impostazioni avanzate per;

Se controlli questo tweet di John Mueller da Ricerca Google, ti consiglia anche lo strumento WebPageTest per controllare la velocità di caricamento del sito web.

Se sei confuso con queste opzioni, ti consiglio di provare la scheda "Test semplice" . Nel complesso, questo strumento è il migliore per testare la velocità del tuo sito Web e, se sei uno sviluppatore, ti aiuterà molto a riparare il tuo sito Web.

Fino ad ora, abbiamo imparato l'importanza di avere un sito Web a caricamento rapido e gli strumenti per controllare la velocità del sito Web.

Ora è il momento di condividere le tecniche per ottimizzare correttamente il tuo sito web.

Qui in questo tutorial, non condividerò solo i passaggi per utilizzare un plug-in di cache per ottimizzare CSS, JS, HTML o per utilizzare CDN come fanno altri, ma condividerò il modo più accessibile attraverso il quale puoi eseguire queste ottimizzazioni correttamente.

Questi metodi sono semplici e più semplici con esempi;

Ma prima di procedere con questi metodi, ti consiglio di eseguire prima un backup del tuo sito Web WordPress utilizzando il plug-in Updraft Backup, disponibile gratuitamente presso il repository di WordPress.

Dopo aver eseguito il backup del tuo sito Web WordPress, possiamo continuare con l'ottimizzazione del sito.

Allora come...

Ottimizza il tuo sito web

Ora l'attesa è finita!

Qui sto condividendo i metodi che utilizzo sempre sul mio sito Web per ottimizzarlo. Puoi seguire le stesse tecniche per ottimizzare il tuo blog, micro-nicchia e anche il tuo negozio eCommerce.

1. Scegliere un hosting Web veloce e affidabile

Quindi il primo passo è scegliere un provider di hosting web affidabile e veloce.

Come ho già detto, quando le persone mi chiedono di ottimizzare il loro sito Web, noto che stavano utilizzando piani di hosting condiviso economici sul loro sito e l'utilizzo di un piano di hosting economico non può mai rendere veloce un sito Web.

Quindi, se stai utilizzando un piano di hosting condiviso economico, ti consiglierò sicuramente di passare prima dal tuo attuale provider di hosting web a qualsiasi provider di fiducia.

Se mi chiedi una piattaforma di web hosting veloce e migliore, ti consiglierò sempre DigitalOcean, ma richiede alcune competenze tecniche per gestire il tuo droplet DigitalOcean. Anche se è facile, e per renderlo più conveniente, puoi usare qualsiasi pannello di controllo sul tuo server (io personalmente uso DigitalOcean su tutti i miei progetti).

Questi pannelli possono includere ServerPilot, VestaCP e molti altri, ma consiglio sempre di utilizzare ServerPilot in quanto è uno dei pannelli di controllo più semplici per l'installazione di WordPress (puoi fare clic qui per ottenere $ 10 di credito gratuito su ServerPilot).

E se sei un principiante e desideri un hosting basato su cPanel, puoi anche utilizzare SiteGround. SiteGround è uno dei migliori e affidabili provider di web hosting per piccole imprese e siti web.

1.1 Hosting consigliato

1.2 Hosting non consigliato

2. Scelta del tema WordPress ottimizzato

Quando selezioni un tema per il tuo sito Web WordPress, è essenziale selezionare un tema ottimizzato per la velocità. Alcuni temi belli e dall'aspetto impressionante sono codificati male e possono rendere il tuo sito Web davvero lento.

E se non stai utilizzando un tema ottimizzato sul tuo sito Web, ci sono meno possibilità che questi metodi per l'ottimizzazione della velocità funzionino per te.

Di solito preferisco utilizzare un tema che abbia un'interfaccia utente semplice e pulita piuttosto che preferire un'animazione appariscente e di grandi dimensioni e un tema con un layout complesso. Puoi sempre aggiungere queste funzionalità utilizzando un plug-in WordPress affidabile e di qualità.

Se hai bisogno di consigli sui temi, ti suggerisco di preferire temi WordPress premium da StudioPress, MyThemeShop e GeneratePress. I temi di questi mercati sono ottimizzati e ben codificati sia per la velocità che per la SEO. (Personalmente preferisco usare il tema GeneratePress sui miei siti web)

Puoi anche controllare Astra, che è un altro tema ottimizzato per velocità e SEO. Analogamente a GeneratePress, questo tema include anche molte opzioni di personalizzazione ed è uno dei temi più scaricati nel repository di WordPress con oltre 700.000 installazioni attive.

2.1 Temi consigliati

Fino ad ora abbiamo discusso di un provider di hosting web affidabile e veloce e di un tema WordPress veloce e affidabile.

Queste due cose sono essenziali per passare al terzo passaggio, che riguarda l'ottimizzazione del tuo blog/sito web utilizzando alcuni plugin di WordPress.

3. Ottimizzazione utilizzando i plugin di WordPress

Quindi, prima di discutere dell'ottimizzazione del tuo sito Web WordPress utilizzando alcuni plug-in, supponiamo che tu ti sia già occupato di due cose;

Se selezioni queste due caselle, puoi procedere all'ottimizzazione di WordPress utilizzando vari plugin ed esplorare modi completi per accelerare la velocità di caricamento del tuo sito web.

3.1 Ottimizza il tuo sito con WP Rocket

Quindi il primo plugin che utilizziamo per l'ottimizzazione della velocità di WordPress è WP Rocket.

WP Rocket è uno dei migliori plugin per la cache di WordPress, che aiuta a velocizzare il caricamento del tuo sito web. È uno strumento adatto ai principianti con molte personalizzazioni per aumentare le prestazioni del tuo sito Web in pochi clic.

Il plugin può aiutarti a ottimizzare;

Quindi ora abbiamo compreso le basi dell'utilizzo di questo plugin. Ora ti mostreremo come ottimizzare correttamente il tuo sito Web utilizzando il plug-in della cache di WP-Rocket.

Se stai utilizzando qualsiasi altro plug-in di cache, difficilmente ti consiglierò di passare a WP-Rocket.

È uno dei plug-in per la cache più semplici ma migliori e anche tu non hai bisogno di incasinare le loro impostazioni come fai con altri plug-in di cache. Basta un semplice clic e sei pronto per partire.

Così…

Come utilizzare WP-Rocket in modo efficace?

Troverai numerose funzionalità nel plug-in WP-Rocket e ti sei mai chiesto quali impostazioni devi attivare sul tuo sito Web per renderlo velocissimo?

Dopo aver installato e attivato il plug-in WP-Rocket nel tuo sito Web WordPress, vai su " Impostazioni " > " WP Rocket " per aprire la pagina di configurazione.

Ora, fai clic su Impostazioni " Cache " per impostare la cache del sito Web utilizzando il plug-in WP-Rocket. (Mostrerà qualcosa del genere)

Prima di tutto, devi abilitare la " Cache mobile " e, se stai configurando la cache per l'eCommerce, quindi abilitare le impostazioni " Cache utente registrato ".

E quindi imposta " Cache Lifespan " su " 10 ore ".

Una volta terminate le impostazioni della cache, passeremo a " Ottimizzazione file " da dove possiamo minimizzare HTML, CSS, JS, Defer JS e Combina CSS e JS.

Queste impostazioni sono una delle impostazioni più importanti di WP-Rocket. Ti aiuterà anche a ridurre la richiesta HTTP combinando CSS e JS del tuo sito.

Quando fai clic sulla parte " Ottimizzazione file ", otterrai varie opzioni per minimizzare HTML, CSS, JS e combinarli in un minor numero di file.

E nelle " Impostazioni di base", seleziona tutte e tre le opzioni per " Minimizza HTML ", " Combina file di caratteri di Google ", " Rimuovi stringhe di query". Non influirà sul tuo sito web, ma quando attivi le impostazioni " File CSS " e " File JS ", assicurati che non rompa il tuo sito.

Ora seleziona l'opzione "Riduci CSS", "Combina CSS" e "Ottimizza pubblicazione CSS" in File CSS per ridurre al minimo i tuoi CSS e combinarli in un minor numero di file. Risolverà anche il problema " elimina i CSS che bloccano il rendering " sul tuo sito web.

Allo stesso modo, nella sezione File JS , fai clic su "Rimuovi JQuery Migrate", "Riduci JS", "Combina file JavaScript", "Carica JavaScript differito" e quindi abilita "Modalità provvisoria per JQuery" nella sezione JS differito.

Dopo aver eseguito queste impostazioni in Ottimizzazione file , svuota la cache e assicurati che non distrugga il tuo sito visitando la home page o qualsiasi pagina del tuo sito web.

Dopo le impostazioni di Ottimizzazione file , otterrai le impostazioni per gestire il caricamento lento e i media. Fare clic sull'opzione Media per apportare modifiche alle impostazioni multimediali;

Qui in questa opzione, avrai un'opzione per abilitare il lazyload su immagini e video e avrai anche un'opzione per disabilitare incorporamenti, emoji e abilitare la compatibilità WebP.

Ti suggerirò di abilitare le impostazioni di Lazyload per immagini, iframe e video. Puoi anche sostituire i video o gli iframe di YouTube in immagini (fidati di me, renderà il tuo sito web velocissimo).

Avrai anche un'opzione per disabilitare gli emoji e gli incorporamenti, per lo più questi non sono utili per noi e, disabilitando gli incorporamenti, risparmierai le risorse del tuo sito Web, quindi ti consiglio di abilitare queste impostazioni.

Dopo le impostazioni multimediali , avrai un'opzione per abilitare il precaricamento sul tuo sito web.

Perché il precaricamento in contanti è essenziale per migliorare le prestazioni del tuo sito?

Il precaricamento assicura che i tuoi visitatori ottengano immediatamente le versioni più veloci e memorizzate nella cache del tuo sito. WP Rocket si occupa automaticamente di questo e la tua home page e tutti i collegamenti trovati su di essa verranno precaricati

Dopo aver eseguito le impostazioni di precaricamento , avrai un'opzione per configurare le impostazioni avanzate. Dalle Impostazioni avanzate, puoi facilmente gestire alcune impostazioni che possono includere la disabilitazione della cache per l'URL personalizzato o i cookie personalizzati, l'agente utente e l'eliminazione dell'URL desiderato.

Successivamente, avrai un'opzione per gestire l' ottimizzazione del database e la CDN, ma salteremo questa impostazione qui. E utilizziamo il plug -in WP-Optimize per ottimizzare il database in modo efficiente e ti mostreremo come implementare la CDN più avanti nella sezione CDN.

E ancora, dopo queste impostazioni, avrai un'opzione per gestire l'API Heartbeat di WordPress. Fondamentalmente, l'API Heartbeat di WordPress fornisce una connessione per il trasferimento di dati in tempo reale e la sincronizzazione tra il server e il browser.

Non riesci ancora a capire le impostazioni del battito cardiaco? Qui sto condividendo alcuni esempi in cui sono coinvolte le impostazioni del battito cardiaco;

Se stai utilizzando un server con poche risorse, puoi disabilitarlo per risparmiare risorse, ma per i piccoli siti web non è un grosso problema.

E ora l'ultima, ma non meno importante, impostazione nel plug-in WP-Rocket, sono le impostazioni dei componenti aggiuntivi . Se stai utilizzando Facebook Pixel e Google Analytics sul tuo sito web, ti aiuterà a memorizzarli localmente sul tuo server per ottimizzare la velocità del sito.

Puoi semplicemente abilitarlo per migliorare il problema relativo alla memorizzazione nella cache del browser sul tuo sito web.

Un altro ottimo componente aggiuntivo può includere l'integrazione del tuo sito Web con Cloudflare e Sucuri direttamente dalla dashboard di WP-rocket. Ti aiuterà a svuotare ed eliminare la cache su questi provider CDN ogni volta che elimini qualcosa sul tuo sito web.

Fidati di me; queste sono una delle migliori impostazioni che renderanno il tuo sito web davvero veloce. Se vuoi caricare velocemente il tuo sito web, ti suggerisco di abilitare queste impostazioni.

A partire da ora, abbiamo implementato alcune ottimizzazioni utilizzando il plug-in WP-Rocket.

Ora utilizzeremo altri plugin come WP-Optimize per l'ottimizzazione del database e AssetCleanUp Pro per un'ulteriore ottimizzazione della velocità.

3.2 Ottimizza il tuo sito con Asset CleanUp Pro

Dopo aver ottimizzato il tuo sito Web utilizzando WP Rocket e verificato il risultato di GTmetrix e Pingdom, vedrai un miglioramento istantaneo della velocità di caricamento della pagina.

Ma non abbiamo finito qui, ho già detto sopra che dobbiamo ottimizzare il nostro sito Web il più possibile.

Quindi ora utilizzeremo alcuni altri plug-in come Asset CleanUp Pro per un'ulteriore ottimizzazione del nostro sito Web (puoi anche utilizzare la versione gratuita di Asset CleanUp per l'ottimizzazione, ma suggerirei di acquistare quella a pagamento).

Questo plug-in può aiutarti a risolvere il problema di Flash of Invisible Text (FOIT) sul tuo sito Web e blocca anche l'accesso al file XML-RPC e fa molte più cose.

Poiché abbiamo già ottimizzato il nostro sito con WP Rocket, quindi la modifica di HTML, CSS e JS e poche altre impostazioni sono bloccate e non possiamo abilitarle (è una buona cosa!)

Dopo aver abilitato la modalità di test, ora fai clic sull'opzione Ottimizza CSS e quindi scorri verso il basso fino alle impostazioni Cache Dynamic Loaded CSS e quindi abilitalo.

Una volta fatto, fai clic sul pulsante Salva .

Allo stesso modo, nella sezione Ottimizza JS, abilita Cache Dynamic Loaded JavaScript.

Queste opzioni ti aiuteranno a memorizzare nella cache i valori dinamici di CSS e JS. Tuttavia, non avrai questi problemi in WordPress dopo aver utilizzato WP-Rocket.

Dopo aver eseguito queste impostazioni, fare clic sulle impostazioni " Scarichi comuni a livello di sito " dopo l'opzione " CDN ".

Qui troverai alcune opzioni per disabilitare Emojis , Embeds , Dashicons , Gutenberg CSS Block Library , JQuery Migrate e Comment Reply a livello di sito .

Ma se non stai usando Gutenberg, l'icona Dashicons sul tuo blog, puoi disabilitarli.

E se non stai utilizzando WordPress come blog, non vuoi che i visitatori lascino commenti o hai sostituito i commenti predefiniti di WordPress con una piattaforma di commenti come Disqus o Facebook, puoi anche disabilitare il "Sito di risposta ai commenti- wide ” dalle impostazioni.

Ora ci sposteremo alla sezione “ Pulizia sorgente HTML ” da dove possiamo rimuovere gli elementi inutilizzati dalla sezione <head>.

Da queste impostazioni, possiamo rimuovere gli elementi indesiderati dalle sezioni <head>.

Non preoccuparti!

La rimozione di questi elementi non influirà affatto sul tuo sito.

Ho rimosso diverse opzioni da queste impostazioni, inclusi Comment RSS, Meta Generator Tags, WordPress Version tags, REST API & RSD Links.

Puoi rimuovere queste impostazioni dal tuo sito Web e non danneggerà il tuo sito Web. Puoi anche rimuovere il link del feed RSS solo se non lo stai utilizzando.

E se stai utilizzando la versione premium di Asset Cleanup Pro , puoi modificare il valore " Applica CSS per la visualizzazione dei caratteri " da " Non applicare " a " Scambia". Ciò può impedire al tuo sito Web di un lampo di problemi di testo invisibile. Puoi fare clic qui per saperne di più su questo problema.

Puoi anche inserire l'URL dei file di font locali nella sezione di precaricamento per caricarlo all'istante. Quando precarichiamo un file di font, aumentiamo esplicitamente la priorità della risorsa.

E dopo le impostazioni di Ottimizzazione dei caratteri locali , vedrai un'opzione simile in " Caratteri Google". collocamento.

Basta selezionare l'opzione " scambia " nelle impostazioni di visualizzazione dei caratteri e abilitare anche la preconnessione . L'abilitazione dell'opzione di preconnessione suggerirà e istruirà il browser a preconnettersi a Google Fonts mentre sta caricando il CSS, risparmiando tempo di caricamento.

Usa plug-in e strumenti solo sulle pagine necessarie utilizzando Asset CleanUp Pro.

A partire da ora, abbiamo apportato alcune ottimizzazioni utilizzando Asset CleanUp per migliorare la velocità di caricamento del sito, ma ci sono alcune funzionalità più sorprendenti disponibili in questo plug-in di cui non siamo a conoscenza.

Queste funzionalità possono includere il caricamento di plug-in in un post specifico del sito Web.

In parole semplici, supponiamo che tu stia utilizzando il " Modulo di contatto 7 " (il plug-in più popolare per la creazione di moduli di contatto) sul tuo sito Web e lo utilizzi in una specifica " pagina di contatto " sul tuo sito Web.

Ma il problema principale con questo plugin è che carica il suo file CSS e JS nella sezione <head> del tuo sito e quindi aumenta altre due richieste su tutte le pagine (inclusa la pagina dei contatti) – Ma abbiamo solo bisogno che venga caricato su la pagina specifica, e questa è la pagina dei contatti .

Per esempio; Se controlli TheVPNCoupon, sto usando il plug-in "Contact form 7" nella pagina dei contatti e negli altri post/pagine come "Best Animated Movies", non sto usando alcun modulo di contatto, ma carica comunque CSS e JS del plug-in Contact Form 7 su queste pagine (puoi controllare nell'immagine qui sotto).

Ma come puoi risolvere questo problema?

La soluzione è molto semplice, devi solo pubblicare il post o la pagina e quindi fare nuovamente clic sull'opzione " Modifica post/pagina ", quindi questo plug-in caricherà tutti i file nella dashboard dei post di WordPress.

Quindi scarica il file CSS e JS specifico dall'opzione Asset CleanUp.

Per esempio; Se sto creando una pagina " Contattaci " sul mio sito utilizzando il plug-in " Modulo di contatto 7 ", pubblicherò la pagina una volta pronta e, di nuovo, farò clic sull'opzione " Modifica pagina " .

Una volta che facciamo clic sulla pagina Modifica, mostrerà tutti i file che vengono richiesti o caricati quando qualcuno carica la pagina dei contatti.

Ora apporteremo alcune modifiche alle impostazioni e scaricheremo i CSS e JS del modulo di contatto 7 da tutte le pagine tranne la pagina dei contatti (puoi eseguire le stesse impostazioni che abbiamo fatto nell'immagine sopra).

3.3 Ottimizza le immagini sul sito web

Come sai, l'ottimizzazione dell'immagine è uno dei fattori più importanti per rallentare la velocità del tuo sito web. È la principale fonte di rallentamento dei siti, quindi dobbiamo sempre comprimere le nostre immagini prima di caricarle sul tuo sito web.

Anche quando controlli uno qualsiasi dei nostri post sul blog su TheGuideX,

...le immagini sono più pesanti di qualsiasi altra cosa sul mio sito web.

Pertanto, l'ottimizzazione delle immagini dovrebbe portare ai miglioramenti più significativi nella velocità del tuo sito Web, e lo fa.

Sappiamo tutti che le immagini sono essenziali per qualsiasi sito Web, ma non è consigliabile utilizzare immagini di qualità significativamente elevata. Pertanto, dobbiamo assicurarci che l'immagine che carichiamo sia ottimizzata correttamente.

Dovresti comprimere le immagini in modo tale che non possa diminuire la qualità complessiva della tua immagine ma solo ridurne le dimensioni.

A tale scopo, ho creato un sito Web sull'ottimizzazione delle immagini e puoi utilizzare questo sito per ottimizzare le tue immagini prima di caricarle su WordPress.

Per ottimizzare correttamente le tue immagini, devi seguire questi cinque passaggi;

Usa il tipo corretto di formato immagine

I due tipi di immagini più comunemente usati sul Web sono JPG e PNG.

E non sono uguali;

Esempio di immagine JPEG

Dettagli immagine
Formato immagine	JPEG
Dimensione dell'immagine	2.893kb
Dimensione immagine ottimizzata	607kb
% di compressione dell'immagine	79%
Descrizione dell'immagine	Immagine complessa con molte informazioni sul colore.

Esempio di immagine PNG

Dettagli immagine
Formato immagine	PNG
Dimensione dell'immagine	716kb
Dimensione immagine ottimizzata	173kb
% di compressione dell'immagine	75%
Descrizione dell'immagine	Immagine semplice con poche informazioni sul colore

Negli esempi precedenti, ho mostrato un'immagine JPG con una compressione dell'immagine del 79% e un'immagine PNG con un livello di compressione simile – Ma la dimensione compressa dell'immagine JPEG è molto più della dimensione originale dell'immagine PNG a causa della loro complessità e a molte informazioni sul colore.

Quindi la prossima volta, ogni volta che carichi immagini sul tuo sito web, assicurati di utilizzare il formato immagine corretto.

3.4 Ottimizzazione del database utilizzando WP-Optimize

A partire da ora, abbiamo ottimizzato il nostro sito utilizzando WP Rocket e Asset CleanUp, ma se ritieni ancora che il caricamento del tuo sito Web richieda molto più tempo, puoi ottimizzare il tuo database ed eliminare le revisioni del post.

A volte quando aggiorniamo il contenuto del nostro sito Web o quando scriviamo qualcosa sull'editor di WordPress, salva automaticamente la revisione del post nel nostro database.

Quindi l'ottimizzazione del database è un altro processo molto utile e importante per aumentare la velocità di un sito web.

Per fare ciò, utilizzeremo un plugin gratuito per WordPress chiamato " WP-Optimize". Il plug-in è sviluppato da Team Updraft, che ha anche sviluppato un fantastico plug-in, che consiglio per eseguire il backup del tuo sito.

Per utilizzare questo plugin, installa semplicemente il plugin "WP-Optimize" dal repository di WordPress.

Una volta installato il plug-in, consiglierei di eseguire un backup del database e quindi andare su " WP-Optimize "> " Database". E quando sei nella pagina del database, fai clic su " Esegui tutte le ottimizzazioni selezionate " e inizierà a ottimizzare il database.

Ci vorranno un paio di minuti per ottimizzare il tuo database e, una volta terminato, eliminerà tutte le revisioni dei post, i commenti di spam, i commenti in sospeso, i trackback, i post eliminati e le bozze automatiche.

Non preoccuparti!

I tuoi post e le tue bozze rimarranno al sicuro. Non eliminerà nessuno dei tuoi post pubblicati o bozze sul tuo sito web, ma eliminerà solo le revisioni. Quindi sei al sicuro.

3.5 Non utilizzare questi plugin sul tuo sito web

Alcuni plug-in possono rallentare il tuo sito Web e causare un utilizzo elevato della CPU. Ti suggerirò sempre di non utilizzare plug-in pesanti sul tuo sito web.

Questi plugin possono includere;

In questo passaggio, abbiamo utilizzato alcuni plugin di WordPress per ottimizzare il nostro sito in modo efficace e se controlli il risultato GTmetrix e Pingdom del tuo sito web, vedrai un aumento istantaneo delle prestazioni.

Ma l'ottimizzazione della velocità non riguarda solo l'ottimizzazione del sito con l'uso di alcuni plugin o il caricamento rapido del tema WordPress.

Ci sono molte più cose da fare se vuoi aumentare le prestazioni complessive del tuo sito web. Ad esempio, utilizzando una CDN sul tuo sito Web e fornendo file, immagini o dati dal server più vicino disponibile.

4. Utilizzo di una rete di distribuzione dei contenuti (CDN)

Prima di spiegare come puoi utilizzare una CDN per aumentare le prestazioni del tuo sito Web, impareremo innanzitutto cos'è una CDN e come può aiutare a migliorare le prestazioni del sito Web.

Quindi cos'è una rete CDN o Content Delivery Network?

Secondo Akamai, A CDN (Content Delivery Network) è una piattaforma di server altamente distribuita che aiuta a ridurre al minimo i ritardi nel caricamento dei contenuti delle pagine Web riducendo la distanza fisica tra il server e l'utente. Ciò consente agli utenti di tutto il mondo di visualizzare lo stesso contenuto di alta qualità senza tempi di caricamento lenti.

Quindi, come può aiutare ad aumentare le prestazioni del sito web?

La risposta è; Ogni volta che visiti un sito Web, invia richieste al server remoto e questo server risponde con i dati. La trasmissione dei dati avviene tramite la rete Internet pubblica e provoca un certo ritardo.

E se riduciamo la distanza della tua macchina locale dal server, diminuirà sicuramente il tempo di ritardo e aumenterà le prestazioni del sito web.

Quindi ora abbiamo capito l'uso della CDN sul nostro sito Web e come sia essenziale aumentare le prestazioni complessive del nostro sito Web.

Ora discuteremo di alcuni CDN per aumentare le prestazioni del nostro sito Web;

4.1 Utilizzare Cloudflare sul sito web

Il primo CDN utilizzato dalla maggior parte delle persone sul proprio sito Web è Cloudflare.

Cloudflare ha creato un'ampia rete globale di data center che memorizzano nella cache i contenuti statici più vicini agli utenti e forniscono contenuti dinamici sui collegamenti backbone privati ​​più veloci e affidabili

Configurare Cloudflare sul tuo nome di dominio è molto semplice; devi solo cambiare i tuoi nameserver dall'host corrente a Cloudflare e poi puoi gestire facilmente il tuo DNS direttamente da Cloudflare.

Una volta che Cloudflare è attivo sul tuo nome di dominio, accedi al tuo account Cloudflare e quindi seleziona il tuo sito web dalla dashboard.

Ora vai alla pagina SSL/TLS e imposta SSL su Flexible . Puoi anche impostare le impostazioni SSL su Completo – Ma prima di impostare l'impostazione SSL su Completo, assicurati che il tuo sito web utilizzi già un SSL.

Dopo aver configurato SSL sul tuo sito Web, vai alle impostazioni del certificato Edge in SSL e attiva " Usa sempre HTTPS", " TLS 1.3 " e abilita " Riscritture HTTPS automatiche".

Ora abbiamo finito di configurare SSL sul nostro sito Web utilizzando SSL. Dopo questo passaggio, fai clic su Impostazioni velocità e quindi su Ottimizzazione in Impostazioni velocità .

Una volta che sei nella pagina Ottimizzazione in Velocità, abilita l' Auto Minify per JavaScript, CSS e HTML.

E poi abilita la compressione Brotli sul tuo sito web. Brotli è un algoritmo di compressione sviluppato da Google e serve meglio per la compressione del testo.

Ecco alcune caratteristiche dell'utilizzo della compressione Brotli sul tuo sito web;

Dopo aver abilitato la compressione Brotli sul tuo sito Web, puoi scorrere fino all'opzione Rocket Loader e quindi abilitarla. Per impostazione predefinita, questa impostazione è abilitata, ma a volte questo plug-in è in conflitto con il plug-in WP Rocket e può causare problemi.

Ora passiamo alle impostazioni della cache in Cloudflare e quindi impostiamo il livello di memorizzazione nella cache rispettivamente su " Standard " e TTL della cache del browser su " 1 anno ".

Dopo aver abilitato queste impostazioni, scorri verso il basso fino a Sempre online e fai clic per abilitarlo. Con queste impostazioni, se in qualche modo il tuo server si interrompe, Cloudflare servirà le pagine statiche del tuo sito Web dalla loro cache.

Puoi saperne di più sulle impostazioni consigliate qui.

Ora la cosa più importante è impostare le regole della pagina sul nostro blog usando Cloudflare.

Per fare ciò, apri le impostazioni delle regole della pagina in Cloudflare. Con il piano gratuito di Cloudflare, possiamo creare solo regole di 3 pagine e se desideri creare più di regole di 3 pagine, devi acquistare più regole di pagina da Cloudflare.

Come puoi vedere nell'immagine sopra, ho creato una regola di 3 pagine sul mio sito Web TheGuideX per migliorarne le prestazioni. Queste regole di 3 pagine sono una delle regole più importanti che aiutano a ottimizzare il nostro sito web.

Ora la prima cosa è fare clic sul pulsante Crea regola pagina visualizzato nel colore blu. Dopo aver fatto clic su di esso, si aprirà una pagina da cui possiamo creare la nostra prima regola di pagina.

Come puoi vedere nell'immagine sopra, nel primo campo, dobbiamo inserire l'URL della pagina in cui dobbiamo applicare le impostazioni delle regole della pagina, quindi dobbiamo selezionare le impostazioni dal menu a discesa. Al termine, fai clic sul pulsante Salva e distribuisci per abilitare queste regole di pagina.

Regola della prima pagina per Cloudflare

Quindi la prima regola è;

• URL : esempio.com/wp-login.php
• Regola (da selezionare dall'elenco a discesa) : Livello di sicurezza e quindi seleziona Alto o Sono sotto attacco

Esempio;

Uso di questa regola di pagina

Questa regola della pagina aggiunge un ulteriore livello di sicurezza al tuo file wp-login.php. Ogni volta che qualcuno tenta di accedere alla dashboard di WordPress, prima verificherà l'integrità del browser e previene gli attacchi di forza bruta al tuo sito web.

Possiamo anche utilizzare alcuni plug-in per impedire al nostro sito Web di attacchi di forza bruta, ma questi tipi di plug-in richiedono enormi risorse del sito Web e possono rallentare il tuo sito Web. Pertanto, stiamo utilizzando Cloudflare per impedire alla nostra pagina di accesso di tentativi dannosi.

Regola della seconda pagina per Cloudflare

La seconda regola è;

• URL : esempio.com/wp-admin/*
• Regola (da selezionare dall'elenco a discesa) : Disabilita le prestazioni

Esempio;

Uso di questa regola di pagina

Questa regola di pagina ha disabilitato le prestazioni all'interno della cartella wp-admin. Disabilitarlo disabiliterà Miniification, Rocket Loader, Mirage e Polish sul lato back-end del tuo sito.

Regola della terza pagina per Cloudflare

La terza regola è;

• URL : esempio.com/wp-content/*
• Regola 1 : Browser Cache TTL => un anno
• Regola 2 : Sempre online => On
• Regola 3 : Livello cache => Memorizza tutto nella cache
• Regola 4 : Edge Cache TTL => un mese

Esempio;

Uso di questa regola di pagina

La regola della terza pagina funziona all'interno della cartella wp-content e memorizza nella cache tutto ciò che si trova all'interno della cartella wp-content e la cache del browser scade TTL è il momento in cui Cloudflare indica al browser di un visitatore di memorizzare nella cache una risorsa.

Fino allo scadere del tempo, il browser carica le risorse dalla cache locale, aiutando così a velocizzare il sito web.

E Edge Cache TTL è un'impostazione che controlla per quanto tempo i server Cloudflare memorizzano nella cache una risorsa prima di richiedere la nuova copia.

Se hai implementato le stesse impostazioni sul tuo sito Web utilizzando Cloudflare, ci sono molte possibilità che il tuo sito Web inizi a funzionare bene su GTmetrix e altri strumenti di test della velocità della pagina.

E fino ad ora, abbiamo appena condiviso un CDN per migliorare le prestazioni complessive del nostro sito web. Ora condivideremo alcune altre CDN che possono funzionare insieme a Cloudflare CDN.

4.2 Utilizzare ImageKit per l'ottimizzazione dell'immagine

Ora useremo ImageKit per ottimizzare le nostre immagini in tempo reale. È una delle reti CDN di ottimizzazione e trasformazione delle immagini in tempo reale che aiuta il sito Web a ridurre le dimensioni effettive delle foto senza in effetti avere alcun effetto sulla qualità visiva visibile dell'immagine.

Una delle cose migliori che mi è piaciuta di più in questo CDN è la rapida integrazione con l'applicazione come WordPress. Offre prezzi ragionevoli e l'ho trovata un'opzione molto migliore da scegliere per una migliore ottimizzazione dell'immagine.

ImageKit offre tre tipi di prezzi per CDN e puoi sceglierlo in base ai requisiti del tuo sito Web (sto usando il piano Forever Free sul mio sito Web).

Una volta scelto il prezzo e registrati alla loro piattaforma, devi creare un End Point . Una volta creato l' End Point , otterrai l' URL CDN (controlla nell'immagine sottostante)

Come puoi vedere, ho creato un URL CDN basato su Web Server per il nome di dominio TheGuideX . Il mio URL CDN è https://ik.imagekit.io/tgx/

Una volta ottenuto l'URL di ImageKit, dobbiamo abilitarlo sul nostro sito Web WordPress. Per fare ciò, dobbiamo aprire l'impostazione CDN di WP Rocket visitando il Pannello di amministrazione di WordPress > Impostazioni > WP Rocket > CDN,

Una volta che siamo sulla pagina CDN, dobbiamo abilitare la CDN per il nostro sito Web e quindi nel campo inserire l'URL di ImageKit e sull'impostazione " riserva per" cambiarlo in immagini.

Una volta fatto, WP Rocket riscrive solo l'URL delle immagini dal nome https://theguidex.com a https://ik.imagekit.io/tgx. Quindi le tue immagini inizieranno a caricarsi dall'URL CDN in tempo reale.

Dopo aver apportato queste modifiche, ora faremo alcune ottimizzazioni in ImageKit per una migliore compressione e consegna delle immagini.

E per queste modifiche all'ottimizzazione, accediamo nuovamente alla dashboard di ImageKit, quindi facciamo clic su Impostazioni immagine.

Una volta che sei nella pagina Impostazioni immagine , puoi personalizzare le impostazioni in base alle tue esigenze.

Come puoi vedere, ho abilitato " Usa il miglior formato per la consegna delle immagini" e abilito anche la qualità dell'immagine al 70%.

Se lo desideri, puoi anche abilitare le impostazioni per Risparmio dati. Se un utente del tuo sito Web utilizza la modalità Risparmio dati sul proprio browser, ImageKit utilizzerà metodi diversi, inclusa la riduzione della qualità e nessun supporto DPR automatico, rendendo le immagini più chiare e caricate più velocemente.

E accanto alle impostazioni di ottimizzazione , avrai un'opzione di ottimizzazione della rete. Nelle impostazioni di ottimizzazione della rete, avrai un'opzione per servire la qualità delle immagini in base al tipo di rete degli utenti.

Per lo più, le persone usano dispositivi 4G. Esamina attentamente le tue analisi per saperne di più sul tipo di rete. Se scopri che le persone utilizzano la rete più lenta per accedere al tuo sito Web, puoi impostare manualmente la qualità di consegna delle immagini da qui.

Quindi queste sono le impostazioni più importanti per ImageKit, ma puoi fare molte più impostazioni dalla loro pagina Impostazioni immagine .

Queste impostazioni possono includere l'impostazione manuale dell'altezza e della larghezza dell'immagine per dispositivi mobili e desktop, il salvataggio di una copia delle tue immagini, ecc. ma non discuteremo di queste impostazioni in questo post e non sono utili per noi.

Ora passeremo alla terza parte dell'utilizzo di un CDN sul nostro sito Web. E in questo passaggio, ti mostreremo come implementare e utilizzare Cloudfront sul nostro sito Web per JS e CSS.

4.3 Utilizzare Amazon Cloudfront per JS e CSS

Come sai, Amazon CloudFront è una delle CDN più popolari che tu abbia mai ricevuto e i siti Web più grandi del mondo si affidano al servizio CDN di Amazon CloudFront.

Hanno 61 server distribuiti in tutto il mondo, che sono in grado di trasmettere e fornire le immagini dei siti Web più velocemente in luoghi specifici.

Innanzitutto, fai clic su " Inizia con Amazon Cloudfront" e registrati sul loro sito Web utilizzando il tuo ID Amazon esistente, oppure puoi anche utilizzare un nuovo ID e-mail per registrarti sulla loro piattaforma.

Una volta effettuato l'accesso all'account Amazon AWS, cerca il Cloudfront (puoi anche fare clic qui per visitare direttamente la pagina di Cloudfront), quindi fare clic su " Crea distribuzione" e quindi selezionare la proprietà Web e fare clic su " Inizia".

In Origin Domain Name, inserisci il tuo nome di dominio. In questo caso, il mio nome di dominio è https://theguidex.com, quindi sto entrando in theguidex.com (senza www o https).

Accanto ad esso, devi inserire il percorso di origine , inserire il percorso della cartella del contenuto wp e quindi selezionare TLSv1 nel protocollo SSL e selezionare " Match Viewer" nel protocollo di origine.

Ora, scorri verso il basso fino a " Impostazioni di distribuzione", quindi seleziona " Utilizza tutte le posizioni perimetrali" nella classe di prezzo e imposta le impostazioni SSL CloudFront predefinite.

Puoi anche impostare la versione HTTP supportata e cambiarla in "HTTP/2, HTTP/1.1, HTTP/1.0". Dopo aver eseguito queste impostazioni, fai clic su " Crea distribuzione".

Di nuovo vai alla pagina di distribuzione di Cloudfront e controlla se la tua distribuzione è abilitata correttamente (verrà visualizzata nel testo di colore verde nella sezione dello stato).

Una volta abilitato, fai clic sull'ID del tuo dominio di origine.

Quando fai clic sull'ID distribuzione, si aprirà una pagina simile che ho mostrato nell'immagine sopra. Copia il nome di dominio (mostrato nel riquadro rosso) e incollalo nella sezione CDN di WP Rocket.

Dopo aver incollato il nome di dominio in WP Rocket, seleziona il riservato a => " Javascript/CSS ".

Ora hai configurato correttamente AWS Cloudfront sul tuo nome di dominio.

Queste impostazioni sono sufficienti per consentire al tuo sito Web di aumentare le sue prestazioni in Google PageSpeed ​​Insight, GTmetrix e Pingdom. Ora puoi vedere una crescita istantanea delle prestazioni del tuo sito web.

Tuttavia, se non sei sicuro di come aumentare la velocità del tuo sito Web o hai bisogno di un servizio di ottimizzazione della velocità del sito Web, puoi contattarmi all'indirizzo e-mail [email protected] .

Fino ad ora, abbiamo fatto quasi tutte le cose possibili per ottimizzare la velocità del nostro sito Web, ma se sei un utente avanzato, condividerò alcuni altri metodi che ti aiuteranno ad aumentare la velocità del tuo sito Web.

Ma se sei un principiante o se non hai alcuna conoscenza tecnica, ti consiglierei di contattare il tuo supporto di hosting per gestire questo tipo di cose.

Ottimizzazione di WordPress per la velocità (avanzata)

In questo metodo di ottimizzazione della velocità di WordPress, condividiamo alcuni suggerimenti avanzati che funzionano in modo straordinario per ottimizzare la velocità del tuo sito web.

1. Usa l'ultima versione di PHP

Quindi il primo metodo per ottimizzare il tuo sito Web è utilizzare l'ultima versione di PHP. Il nuovo PHP 7 è due volte più veloce dei suoi predecessori. Questo è un enorme aumento delle prestazioni di cui il tuo sito deve trarre vantaggio.

Perché usare l'ultima versione di PHP?

Se non sai perché utilizzare l'ultima versione di PHP sul tuo sito Web, ecco la risposta: WordPress è scritto principalmente in linguaggio PHP e PHP è un linguaggio lato server.

Quindi, se utilizzi l'ultima versione di PHP sul tuo sito web, puoi aumentare le prestazioni del tuo sito web. L'ultima e stabile versione di PHP è la v7.4; Uso anche questa versione di PHP su questo sito web.

2. Limitare le revisioni dei post

A volte ci dimentichiamo di ottimizzare il nostro database usando plugin come WP-Optimize e, come ho detto sopra, che quando stavo scrivendo questo post, ha salvato più di 40+ revisioni nel mio database.

A volte il salvataggio automatico di così tante revisioni può ridurre le prestazioni del tuo sito Web al livello peggiore. Puoi facilmente limitare il numero di revisioni che WordPress conserva per ogni articolo.

Aggiungi questa riga di codice al tuo file wp-config.php.

 define( 'WP_POST_REVISIONI', 4 );

3. Disabilita l'hotlinking e il leching dei tuoi contenuti

A volte, se creiamo contenuti di qualità sul nostro sito Web, vengono rubati utilizzando RSS e talvolta altri siti Web pubblicano le tue immagini direttamente dai loro URL sul tuo sito Web, invece di caricarle sui propri server.

In questo modo, danneggia il tuo sito perché stavano rubando la larghezza di banda del tuo sito Web e non ne trai alcun vantaggio.

Quindi, in questo caso, dobbiamo utilizzare il codice .htaccess per bloccare l'hotlinking delle immagini per risparmiare risorse e larghezza di banda del tuo sito web. Il codice è il seguente;

 #disabilita il collegamento a caldo delle immagini con l'opzione immagine vietata o personalizzata
RewriteEngine attivato
RiscriviCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?theguidex.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L] 

Nota: non dimenticare di cambiare theguidex.com con il tuo nome di dominio.

Puoi anche disabilitare il feed RSS se non lo stai utilizzando sul tuo sito web.

4. Utilizzare il firewall del sito Web di livello DNS

Un altro fattore più importante per l'ottimizzazione della velocità è l'utilizzo di un firewall per siti Web di livello DNS. Se ti ricordi, ho creato una regola di pagina Cloudflare su theguidex.com/wp-login.php per aumentare la sicurezza della mia pagina di accesso.

Bene, sto usando anche la versione premium di Wordfence sul mio sito Web, è un plugin fantastico e aiuta a bloccare le minacce, gli attacchi di forza bruta in tempo reale ma senza dubbio; è un plug-in pesante e richiede molte risorse del mio sito Web per combattere le minacce.

E per prevenire un utilizzo elevato delle risorse della CPU, sto utilizzando firewall per siti Web di livello DNS sul mio sito Web. Quindi assicurati di utilizzare firewall a livello DNS per migliorare le prestazioni del tuo sito Web e bloccare le minacce a livello DNS.

5. Riduci le chiamate al database

Questo passaggio è un po' più complesso e richiede conoscenze tecniche per ridurre le chiamate al database dal tuo tema. Ci sono molti temi mal codificati che non seguono le linee guida di WordPress ed effettuano troppe chiamate non necessarie a un database.

Questi temi possono rallentare il tuo sito web e ridurlo possono diminuire le chiamate al database e aumentare le prestazioni complessive del tuo sito web.

Anche alcuni dei temi codificati e ben ottimizzati rendono non necessarie chiamate al database per ottenere informazioni di base dal database. Quindi, crea un tema figlio e aggiungi staticamente queste informazioni di base per ridurre il numero di chiamate al database.

6. Dividi i commenti in pagine

Se ricevi molti commenti sul tuo blog, prima di tutto congratulazioni! Questo è un ottimo segno della creazione di un grande pubblico.

Ma il rovescio della medaglia è che caricare un post con tutti i commenti può rallentare la velocità.

In questo caso, puoi dividere i commenti in diverse pagine per improvvisare ulteriormente la velocità delle tue pagine web. Il processo è semplice, vai semplicemente su Impostazioni »Discussione e seleziona la casella accanto all'opzione " Rompi commenti nelle pagine ".

7. Verifica della compressione GZIP

La compressione GZIP è un altro fattore cruciale per aumentare la velocità di un sito web. Se stai utilizzando il plug-in wp rocket sul tuo sito Web, lo abilita automaticamente per te.

La compressione GZIP è abilitata sul lato server e aiuta a comprimere le dimensioni dei file HTML, JS e CSS. Non funzionerà sulle immagini poiché queste sono già compresse in un modo diverso.

Puoi utilizzare alcuni strumenti come Verifica compressione GZIP per verificare se il tuo sito Web utilizza GZIP o meno.

Se il tuo sito non utilizza GZIP, puoi utilizzare questo codice nel tuo file .htaccess per abilitare GZIP sul tuo sito web – Ma assicurati di utilizzare il server Apache sul tuo sito prima di utilizzare questo codice.

 # Comprime HTML, CSS, JavaScript, testo, XML e caratteri
  AddOutputFilterByType DEFLATE applicazione/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType applicazione DEFLATE/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE immagine/x-icona
  AddOutputFilterByType DEFLATE testo/css
  AddOutputFilterByType DEFLATE testo/html
  AddOutputFilterByType DEFLATE testo/javascript
  AddOutputFilterByType DEFLATE testo/normale
  AddOutputFilterByType DEFLATE testo/xml

  # Rimuovi i bug del browser (necessario solo per browser molto vecchi)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Varia User-Agent

8. Usa Prelettura

Il pre-recupero delle risorse è un'altra grande tecnica di ottimizzazione per aumentare le prestazioni del tuo sito web. Possiamo usarlo per dire al browser di quali risorse l'utente potrebbe aver bisogno in futuro, prima ancora che ne abbia bisogno.

Come sviluppatore, conosciamo le applicazioni meglio del browser. Pertanto, utilizziamo queste informazioni per informare il browser sulle risorse principali.

Per esempio,

 < link rel = " prefetch " href = " image.png " >

9. Ridurre l'uso dei caratteri Web

A volte per rendere accattivante un testo, utilizziamo diversi font web, ma il più grande svantaggio dell'utilizzo di troppi font web è che aumenta il tempo di rendering della pagina. Ciò aggiunge anche una richiesta HTTP aggiuntiva alle risorse esterne. E in generale, vuoi ridurre al minimo le richieste HTTP.

Come puoi vedere nell'immagine sopra, sto usando solo quattro caratteri Web sul mio sito Web, di cui ho effettivamente bisogno. Dovresti anche assicurarti che il tuo blog non utilizzi tonnellate di font web non necessari per ridurre il tempo di rendering della tua pagina.

Ora è il tuo turno

Tra i vari modi per ottimizzare i tuoi blog WordPress, ho condiviso alcune tecniche di ottimizzazione, che utilizzo personalmente sul mio sito Web per l'ottimizzazione della velocità. Questi metodi sono semplici e facili da implementare.

E ora è il tuo momento di investire un'ora per migliorare la velocità del tuo sito Web WordPress.

E fidati di me, una volta ottimizzato attentamente il tuo blog utilizzando questi metodi, le prestazioni dei tuoi siti Web aumenteranno e migliorerà anche il tempo di caricamento complessivo del sito Web.

Spero che questo articolo ti dia un chiaro chiarimento su alcuni dei modi efficienti per aumentare la velocità del tuo blog WordPress e, se hai trovato utile questo articolo, faccelo sapere nella sezione commenti. E se stai usando qualche altro metodo per ottimizzare il tuo sito web, fammelo sapere anche nella sezione commenti qui sotto.