WebSite (WordPress) Performance #7formazione 11-11-2014- Link utili

[overclokk]

WebSite (WordPress) Performance #7formazione 11-11-2014- Link utili

Ciao a tutti

ecco i link con gli strumenti per ottimizzare le performance che vi ho mostrato oggi a #7formazione: (Ho il permesso di Giorgio :-P)

Io ho parlato di WordPress ma i concetti e gli strumenti si possono applicare a qualsiasi sito web, l'importante è quello di applicare le tecniche senza usare plugin (o almeno il minimo indispensabile)

Il codex di WordPress:

• WordPress Codex

Cominciare a studiare da:

• Funzioni per inserire e togliere i JS
• Funzioni per inserire e togliere i CSS
• I tag condizionali
• Hook, action e filter

Non presenti sul codex ma comunque utili da studiare:

• Js e CSS async su wordpress
• Social widget
• Esempio di caricamento degli script su WordPress - github

Text editor:

• Sublime text
• Emmet (plugin per sublime text)

Developer Tools:

• Nodejs
• Grunt, the javascript task runner (questo è uno strumento veramente potente, provatelo, inseritelo nel vostro workflow
• Lesscss (per sviluppare i CSS con Less)
• Sass (Per sviluppare i CSS con SASS)

Debug:

• Webpagetest
• Speedo
• Google page speed
• E ovviamente il browser è sempre un ottimo strumento

Plugin per Grunt:

• Concatenare e minificare javascript
• Concatenare e minificare CSS
• Minificare o comprimere immagini
• Plugin per Less
• Plugin per SASS
• Minificare HTML
• Eliminare il CSS non utilizzato (questo è una bomba - Twitter Bootstrap da 130KB => 12KB)
• Critical-path CSS Above the fold (Questo è ancora in fase alpha, quindi potrebbe non funzionare ancora bene ma il progetto va sicuramente tenuto d'occhio)

Compressione e Cache del browser:

• htaccess di HTML5 Boilerplate
• Mio articolo sulla compressione con htaccess o plugin

Template starter per WordPress ottimizzato per le performance e la SEO:

• ItalyStrap, WordPress starter theme (usalo, smontalo, distruggilo, questa sarà la tua palestra

Questi non sono i soli esistenti ma sono quelli che uso io e con cui mi trovo molto bene :), grunt in particolare mi ha fatto fare il salto di qualità

Ciao
Enea

Funzioni per inserire e togliere i JS](https://wpitalyplus.com/come-usare-jquery-con-wordpress-correttamente/)

[giorgiotave]

Grandeeee!!

[pig.org]

Ottima guida per chi come me sviluppa in wordpress e woocommerce!

[overclokk]

Giorgio

Grazie mille pig_org

Mo sono dimenticato di aggiungere la fonte dell'immagine del funzionamento del browser che è anche un buon articolo da leggere:

• Optimizing the critical rendering path

Poi volendo col tempo appena trovo link che reputo utili posso aggingerli qui nei commenti

Ciao
Enea

[amigre]

Ciao enea,
sono rimasto molto colpito e soddisfatto della tua lezione tenuta nella ultima settimana di formazione,
questa parte tecnica mi mancava per migliorare le prestazioni di wordpress xd.
ti faccio i miei complimenti

Ho un problema sono da un po di giorni bloccato su grunt!
ho creato un post nella sezione "Scripcting Lato client" chiamato
"GRUNT JS runner : Problema non corre"
tu che sei più esperto se puoi dagli una occhiata grazie mille ciaooo!

[overclokk]

Ciao amigre_,

grazie mille per i complimenti vado a vedere il post

Ciao
Enea