Nella mia newsletter condivido contenuti esclusivi che non trovi sul blog. Vuoi imparare gratis la scrittura persuasiva e accedere a materiale riservato? Basta cliccare qui.
Sappiamo tutti che un sito veloce e reattivo può portare ad una maggiore conversione. Un utente che prova ad accedere un sito lento che non si palesa dopo pochi secondi è probabile che torni indietro e cerchi qualcos’altro. Risultato? Abbiamo perso un potenziale cliente!
Se usi Wordpress sarai a conoscenza sicuramente dei vari plugin per velocizzare il suo caricamento. Ma vale veramente la pena? A volte mettere troppi plugin uno sopra l’altro non aiuta e rischia non solo di rallentare il tuo sito ma anche di non funzionare a dovere a causa delle incompatibilità.
Invece di darti i soliti 10 consigli per velocizzare Wordpress, nel video ho deciso di descrivere come velocizzare il caricamento con alcuni semplici comandi per il web server Apache da inserire nel file .htaccess. Il tutto senza ricorrere a plugin.
Oltre a velocizzare il sito, ricordati sempre di dare un’occhiata a questi errori che possono rovinare le tue performance.
Ma andiamo avanti…
Sì lo so, suona complicato ma ti assicuro che non lo è. Segui il video sottostante e tutto andrà per il meglio!
Questo è il codice completo utilizzato nel video per velocizzare il caricamento di Wordpress.
Basta copiare ed incollare nel tuo .htaccess le seguenti righe di comando.
Aggiornamento: Ho trovato nuove linee di codice che hanno aiutato a migliorare il caricamento globale del mio sito Wordpress. Le trovi inserite qui sotto.
#Compressione contenuti
AddOutputFilterByType DEFLATE text/plain text/html application/x-httpd-php-source
AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/xml-dtd
AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xml
AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript
AddOutputFilterByType DEFLATE font/truetype application/x-font-ttf font/opentype application/x-font-otf
#Expire headers - Date di scadenza
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 week"
#Ottimizzazione .htaccess
FilesMatch ".(ico|jpg|jpeg|png|gif|js|css|swf|pdf|flv|mp3)$">
ExpiresActive on
ExpiresDefault "access plus 14 year"
Header set Cache-Control "public"
<FilesMatch ".(html|htm|xml|txt|xsl)$">
Header set Cache-Control "max-age=7200, must-revalidate"
#Fine codice
Come detto nel video, il codice non esclude l’uso di plugin come W3 Total Cache o SuperCache che sono sicuramente potenti ma ben più complessi da utilizzare. Se proprio volete utilizzare un plugin per la cache dei file html, io consiglio CometCache(prima chiamato ZenCache e ancora prima QuickCache) la cui versione lite è gratis e più che adatta ad usi comuni.
Se vogliamo poi aggiungere un plugin per ottimizzare i codici Javascript e CSS, consiglio l’uso di Better Wordpress Minify. Attenzione però! L’uso di questi plugin, specialmente per la minificazione del codice di cui sopra potrebbe dare problemi di instabilità al sito e qualche altro plugin, appunto basato su javascript, potrebbe non funzionare.
E per velocizzare il caricamento video?
Ora più che mai si fa uso di video per aumentare i contenuti sul proprio sito, tuttavia il caricamento di video se non si è connessi ad una rete Wi-Fi potrebbe essere lenta e ancora più lenta rischia di essere il caricamento dell’ iframe.
Come fare quindi?
Semplice, si applica lo stesso principio dell’html e delle immagini: si usa il lazy loading grazie a questo plugin chiamato Lazy Load for Videos.
Detta semplicemente, questo plugin migliora il tempo di caricamento della pagina aumentando anche il voto PageSpeed di Google. LLV non fa altro che sostituire i video che si inseriscono tramite Youtube e Vimeo, con un’ immagine cliccabile.
Così facendo i tuoi video verranno caricati solo ed esclusivamente quando l’utente premerà play e non insieme a tutto il resto della pagina. Risultato? Nessun JavaScript verra caricato inutilmente e questo porterà a velocizzare il caricamento video.
