Workshop: miglioriamo le performance di WordPress

In questo workshop di Francesco Grasso applicheremo insieme alcune delle regole e alcuni dei suggerimenti illustrati nel precedente intervento. In particolare analizzeremo un tema WordPress non ottimizzato per portarlo a dei risultati di tutto rispetto con poche righe di codice, avvalendoci dell'uso di alcuni plugin che verranno spiegati e configurati in modo semplice ed efficace.

Transcript

1. Workshop: miglioriamo le performance di WordPress Relatore Francesco Grasso Roma - 13/14 Giugno 2015
2. francesco.aci Website: effegidesign.it francgrasso@gmail.com francgrasso MI PRESENTO Da sempre appassionato di informatica e tecnologia, con il passare degli anni ha saputo trasformarsi e assumere oggi un profilo da vero professionista. Francesco ha iniziato la sua carriera come sistemista di rete. Dopo anni passati da freelance, oggi ricopre la figura di web developer nel team di Yithemes.
3. COSA PUÒ RALLENTARE WORDPRESS?
4. STRUMENTI DI ANALISI 1. Google Page Speed 2. GT Metrix 3. Pingdom
5. I FOGLI DI STILE NELL’HEADER
6. MODO ERRATO DI INCLUDERE CSS
7. INCLUSIONE CORRETTA DI UN CSS
8. INCLUSIONE CORRETTA DI GOOGLE FONT
9. I FILE JS NEL FOOTER
10. INCLUDERE CORRETTAMENTE I FILE JS NON includere i javascript nell’head della tua pagina, potrebbero impedire ai tuoi contenuti di essere mostrati nel caso in cui uno degli script non riuscisse ad essere caricato.
11. IL MODO SBAGLIATO PER INCLUDERE JS
12. INCLUSIONE CORRETTA DI UN JS
14. RIDURRE IL NUMERO DI RICHIESTE HTTP Dove possibile, combina i file CSS e i JS per ridurre il numero di inclusioni. Evita, se possibile, gli style inline.
15. LE DIMENSIONI CONTANO... NON includere immagini scalate all’interno della tua pagina, ne riducono le performance. Immagini dal peso e qualità eccessiva aumentano il tempo di caricamento.
16. OTTIMIZZAZIONE STEP 1 Specifichiamo le corrette image_size
17. OTTIMIZZAZIONE STEP 2 Comprimere le immagini prima di caricarle • Kraken.io • Tinypng.com Comprimere le immagini dopo • Plugins come WP Smush
18. WORKSHOP OTTIMIZZAZIONE IMMAGINI
19. DISABILITARE I PLUGIN NON UTILIZZATI
20. VISUAL COMPOSER E JETPACK Disabilitare i componenti non necessari
22. UN HOSTING PERFORMANTE
23. SISTEMI DI CACHE E CDN
24. ABILITARE LA BROWSER CACHE
25. ABILITARE LA GZIP COMPRESSION
27. TIP: ALCUNI PARAMETRI DEL WP-CONFIG Svuota automaticamente ogni 7 giorni il cestino di WordPress. Questo significa tenere un database snello.
28. TIP: ALCUNI PARAMETRI DEL WP-CONFIG Abilita la stampa di notice, deprecated, fatal error e warning.
29. TIP: ALCUNI PARAMETRI DEL WP-CONFIG Imposta la memoria massima a disposizione della nostra installazione WordPress. Se si utilizzano parecchi plugin diventa necessario settare questa variabile.
30. RICAPITOLIAMO • i fogli di stile nell’header • i file JS nel footer • ridurre il numero di richieste HTTP • immagini della giusta dimensione e peso • disabilitare i plugin non utilizzati • disabilitare da Visual Composer o JetPack i moduli non necessari • un hosting performante • sistemi di cache e CDN