Il tuo sito è più lento del 95% dei siti web
-
Upload
enea-overclokk -
Category
Internet
-
view
18 -
download
0
Transcript of Il tuo sito è più lento del 95% dei siti web
![Page 1: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/1.jpg)
Il tuo sito è più lento del 95% dei siti web
Fonte immagine
22-10-2016
@overclokk 1
![Page 2: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/2.jpg)
Enea OverclokkWordPress Lover
WordPress DeveloperWordPress Meetup Bologna
@overclokk
www.overclokk.netwww.italystrap.it
2@overclokk
![Page 3: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/3.jpg)
3
@overclokk@overclokk
![Page 4: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/4.jpg)
4
![Page 6: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/6.jpg)
Fonte immagine 6@overclokk
![Page 7: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/7.jpg)
Fonte immagine
stava aspettando il caricamento della
tua pagina web
7@overclokk
![Page 8: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/8.jpg)
8Fonte immagine @overclokk
![Page 10: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/10.jpg)
Fonte immagine 10
2014
@overclokk
![Page 11: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/11.jpg)
Fonte immagine 11
2016
2.5MB
@overclokk
![Page 15: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/15.jpg)
Tip { 1 }Le performance sono nulla senza
controllo!
{ Cit.Pirelli } 15@overclokk
![Page 16: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/16.jpg)
come funziona il browser
Fonte immagine 16@overclokk
![Page 17: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/17.jpg)
cos’è il DOM - document object model
HTMLHead Body
Meta Link H1 p
span“Ciao”
“a”
“tutti”
17@overclokk
![Page 19: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/19.jpg)
STRUMENTI DI ANALISI
Fonte immagine 19
Strumenti per dev del browser
Chrome -> CTRL+MAIUSC+IFirefox -> CTRL+F12
@overclokk
![Page 20: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/20.jpg)
STRUMENTI DI ANALISI
Fonte immagine 20
www.webpagetest.org
@overclokk
![Page 22: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/22.jpg)
PER SAPERNE DI PIù
Fonte immagine 22
https://olegs.be/blog/
@overclokk
![Page 23: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/23.jpg)
Tip { 2 } Analisi accurata di tema e plugins
23@overclokk
![Page 24: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/24.jpg)
Fonte aforisma
“La perfezione (nel design nello sviluppo) si ottiene non quando non c'è nient'altro da aggiungere, bensì quando non c'è più niente da togliere.”{ Cit. Antoine de Saint-Exupéry }
24@overclokk
![Page 26: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/26.jpg)
COME SI FA?
Fonte immagine 26@overclokk
![Page 27: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/27.jpg)
Esempio
Fonte immagine 27
Prendiamo un plugin a caso
@overclokk
![Page 31: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/31.jpg)
. . .
31
E con i temi è ancora peggio...
@overclokk
![Page 32: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/32.jpg)
. . .
32
Specialmente quelli che utilizzano pagebuilder...
@overclokk
![Page 33: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/33.jpg)
“I pagebuilder uccidono le performance del tuo sito
web”{ Cit. Andrea Cardinali }
33@overclokk
![Page 35: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/35.jpg)
Tip { 3 }Risolvere i problemi… uno alla volta
35@overclokk
![Page 36: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/36.jpg)
Tip { 4 }Non esiste una soluzione unica per
tutti i problemi!
36@overclokk
![Page 38: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/38.jpg)
Tip { 5 }Le performance cominciano dallo
sviluppo NON con l’uso di plugin per risolvere problemi di sviluppo!
38@overclokk
![Page 40: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/40.jpg)
Tip { 6 }Il CODEX è il tuo migliore amico
#sapevatelo
40@overclokk
![Page 41: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/41.jpg)
41
IN PARTICOLARE
https://developer.wordpress.org/themes/basics/including-css-javascript/
https://codex.wordpress.org/Conditional_Tags
https://codex.wordpress.org/Plugin_API/Hooks
@overclokk
![Page 42: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/42.jpg)
42
Link esterni
http://www.overclokk.net/come-usare-jquery-wordpress-correttamente.html
http://seoblog.giorgiotave.it/caricare-jquery-asincrono-wordpress/3963
http://seoblog.giorgiotave.it/ottimizzare-velocita-caricamento-social-widgets/3661
https://github.com/overclokk/ItalyStrap/blob/Dev/lib/script.php
@overclokk
![Page 43: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/43.jpg)
Tip { 7 }Chi ben comincia è a metà… dello
sviluppo, ma con gli strumenti giusti!
43@overclokk
![Page 44: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/44.jpg)
44
Text editor● https://www.jetbrains.com/phpstorm/● https://www.sublimetext.com/
CSS preprocessor● http://sass-lang.com/● http://compass-style.org/
Task runner● https://nodejs.org/en/● http://gruntjs.com/
Strumenti di sviluppo
@overclokk
![Page 45: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/45.jpg)
45
Some grunt plugins
https://github.com/overclokk/ItalyStrap/blob/Dev/Gruntfile.js
PLUGIN PER GRUNT
@overclokk
![Page 46: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/46.jpg)
e per i Js e css che bloccano la visualizzazione above the fold?
?46@overclokk
![Page 47: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/47.jpg)
Fonte immagine 47@overclokk
![Page 48: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/48.jpg)
48
Some grunt pluginshttps://github.com/addyosmani/grunt-uncss
https://github.com/bezoerb/grunt-critical
PLUGIN FOR GRUNT
@overclokk
![Page 49: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/49.jpg)
. . .
49
Ma quindi cache, CDN, HTTPS ecc?
@overclokk
![Page 52: Il tuo sito è più lento del 95% dei siti web](https://reader031.fdocument.pub/reader031/viewer/2022030223/588239191a28ab31228b5a75/html5/thumbnails/52.jpg)
Enea OverclokkWordPress Lover
WordPress DeveloperWordPress Meetup Bologna
@overclokk
www.overclokk.netwww.italystrap.it
52@overclokk