Expertise 2013 - Potenziare le prestazioni di apache con mod page speed
-
Upload
andrea-mauro -
Category
Technology
-
view
100 -
download
1
Transcript of Expertise 2013 - Potenziare le prestazioni di apache con mod page speed
![Page 1: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/1.jpg)
Andrea Mauro21.11.2013, EDUCAFE, METID – Politecnico di Milano
Potenziare le prestazioni di Apache con
Mod PageSpeed
![Page 2: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/2.jpg)
Effetti della lentezza di caricamento
- Insoddisfazione dell’utente
- Aumento del bounce rate
- Abbandono del sito
“75% of people would not return to websites that took longer than 4 seconds to load” (2006)http://news.bbc.co.uk/2/hi/technology/6131668.stm
“40% of shoppers will wait no more than three seconds before abandoning a retail or travel site” (2009) http://www.akamai.com/html/about/press/releases/2009/press_091409.html
![Page 3: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/3.jpg)
![Page 4: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/4.jpg)
Esperimento di google
Nel 2006 google fa un esperimento.
Viene fatto un sondaggio su alcuni utenti google per richiedere un parere sul numero ottimale di risultati da visualizzare per pagina.
Per un periodo di test google ha alzato il numero di risultati per pagina a 30 (come richiesto dagli utenti)
Il traffico e gli incassi pubblicitari in quel periodo sono scesi del 20%
Il tempo di caricamento era variati da 0,4 secondi (10 risultati) a 0,9 secondi (30 risultati)
http://glinden.blogspot.it/2006/11/marissa-mayer-at-web-20.html
![Page 5: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/5.jpg)
La nascita di mod_pagespeed
Nel 2010 google ribadisce di voler rendere internet più veloce
Annuncia che da quel momento l’algoritmo di ranking del suo motore di ricerca terrà conto della velocità di caricamento dei sitihttp://googlewebmastercentral.blogspot.nl/2010/04/using-site-speed-in-web-search-ranking.html
Qualche mese dopo rilascia la prima versione di mod_pagespeed
![Page 6: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/6.jpg)
Cos’è mod_pagespeed?
Progetto open source realizzato da google
Modulo da installare su un webserver apache
Una volta configurato, permette di offrire pagine ottimizzate ai visitatori di un sito migliorandone la velocità di navigazione e riducendo il traffico generato
![Page 11: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/11.jpg)
Su quali principi si basa?
Ogni regola di ottimizzazione è configurabile
Riduzione del numero di connessioni al server per ogni pagina visitata
Riduzione dei byte scaricati (HTML, CSS, Javascript, immagini)
![Page 12: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/12.jpg)
Pulizia del codice
- Pulizia codice HTML (rimozione spazi inutili, ripetizioni, etc.)
- Compressione Javascript (minify)
- Compressione CSS
![Page 13: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/13.jpg)
Ottimizzazione delle immagini
- Ricompressione delle immagini dove possibile
- Resize delle immagini più grandi del necessario
- Ulteriore resize su schermi a bassa risoluzione (mobile)
- Conversione al formato webp su browser compatibili (chrome, opera)
![Page 14: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/14.jpg)
Riduzione delle connessioni
- Merge dei file CSS
- Merge dei file Javascript
- Inclusione di piccole immagini direttamente nel codice HTML
- Miglioramento della gestione cache
- Modulo spdy opzionale per convogliare più connessioni in una
![Page 15: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/15.jpg)
Mod_spdy
- Protocollo di comunicazione sperimentale alternativo ad https
- Stand-alone o integrabile con mod_pagespeed
- Al momento compatibile solo con chrome
- Convoglia più richieste al server in una sola, eliminando il tempo richiesto per aprire e chiudere più connessioni
- Compressione dell’header http
![Page 17: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/17.jpg)
Distribuzione dei contenuti – Liferay 6.1
https://test.beep.polimi.it/
4,5 secondi – 2,6 secondi
![Page 18: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/18.jpg)
Distribuzione dei contenuti – Joomla 2.5
http://pso.istruzione.it
7,8 secondi - 2,9 secondi
![Page 19: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/19.jpg)
Distribuzione dei contenuti – Moodle 2.5
http://dev.lfi.rwth-aachen.de:8080/moodle_site/moodle/
2,9 secondi - 1 secondo
![Page 20: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/20.jpg)
Distribuzione dei contenuti – Liferay 6.0
http://www.triwu.it/
15,3 secondi – 5,4 secondi
![Page 21: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/21.jpg)
Requisiti
- Apache 2.4
- Server linux (CentOS, Fedora, Debian o Ubuntu)
![Page 22: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/22.jpg)
Proposte di testing
Beep Mobile (Liferay)
Sito Metid (Joomla)
Sicurezza (Moodle)
![Page 23: Expertise 2013 - Potenziare le prestazioni di apache con mod page speed](https://reader036.fdocuments.in/reader036/viewer/2022070321/558a3329d8b42a203c8b45d0/html5/thumbnails/23.jpg)
Grazie per l’attenzione
Andrea Mauro21.11.2013, EDUCAFE, METID – Politecnico di Milano