SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
Perché chiedere a PageSpeed
se il tuo sito è veloce
NON è una buona idea
WordCamp Bari - 18 maggio 2019Alice Orrù
Ciao!
Sono Alice Orrù 👋
Scrivo di web performance per WP Rocket, un
plugin di cache per WordPress.
Mi trovi su Twitter come @Alice_Ridice
2
3
Qual è il più veloce?
1
2
PageSpeed Insights è
4
▰ Uno strumento di audit
▰ Misura diverse metriche di
performance web
▰ Usa Lighthouse per assegnare
un punteggio di performance
From Alberto Medina
https://developers.google.com/speed/pagespeed/insights/?hl=en
Lighthouse
5 Fonte: developers.google.com
Ora integrato in PageSpeed,
ma si può lanciare anche
autonomamente
dal Dev Tools o tramite
estensione Chrome
Page speed
6
PageSpeed
(strumento di audit)
(fattore ranking SEO)
< 3 sec.
Velocità di caricamento
< 50
Richieste HTTP
< 1,3 sec.
Time To First Byte
7
Un sito mobile veloce:
< 500 Kb
Peso medio di pagina
Fonte: Think With Google
8 Fonte: Think With Google
Bounce rate:
Come leggere il report
PageSpeed
9
Punteggio totale:
il famigerato
“PageSpeed score“
Field Data
Lab Data
PageSpeed:
Field Data
10
“
The Chrome User Experience Report is powered by real user
measurement of key user experience metrics across the public web,
aggregated from users who have opted-in to syncing their browsing
history, have not set up a Sync passphrase, and have usage statistic
reporting enabled.
Fonte:
https://developers.google.com/web/tools/chrome-user-experience-report/#methodology
11
PageSpeed:
Field Data
12
PageSpeed:
Lab Data
13
Dettagli sulle singole metriche: https://developers.google.com/web/tools/lighthouse/
PageSpeed:
3 punti chiave
Connessione 3G
Simulazione di una
connessione mobile di
media velocità.
Location server N/P
Non sappiamo dove si
trova il server che
PageSpeed usa per i test.
Mobile medio livello
Come ad esempio un
Motorola G4.
14
La posizione geografica è importante!
Il mio sito
15
I suggerimenti di
PageSpeed
16
I suggerimenti di
PageSpeed
17
PageSpeed:
5 suggerimenti utili
18
1. Attiva la compressione GZIP (Enable Text Compression)
2. Attiva cache del browser (Serve static assets with an efficient
cache policy)
3. Minifica file CSS e JS
4. Riduci il tempo di risposta del server (Reduce server
response time)
5. Ottimizza le immagini
...per migliorare il tempo di caricamento del tuo sito:
19
Qual è il più veloce?
1
2
2,70s
0,46s
Tempo di
caricamento:
20
Qual è il più veloce?
1
2
Alternative e/o
Complementi
21 https://gtmetrix.com/https://tools.pingdom.com
Grazie!
22
Domande?
▰ @Alice_Ridice
▰ alice@wp-media.me
Risorse
23
1. Dettagli Lighthouse: https://developers.google.com/web/tools/lighthouse/
2. Benchmark velocità mobile:
https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-p
age-speed-new-industry-benchmarks/
3. Chrome User Experience Report:
https://developers.google.com/web/tools/chrome-user-experience-report/
4. Dettagli sulle metriche di performance:
https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint
5. PageSpeed powered by LighThouse (articolo sul blog di WP Rocket):
https://wp-rocket.me/blog/pagespeed-insights-lighthouse-how-to-read-the-new-repo
rt/

Más contenido relacionado

Similar a WordCamp Bari Maggio 2019

Come velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a BolognaCome velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a BolognaWeb2Lab Studio
 
Eseguire test sintetici delle Web Performance con webpagetest.org
Eseguire test sintetici delle Web Performance con webpagetest.orgEseguire test sintetici delle Web Performance con webpagetest.org
Eseguire test sintetici delle Web Performance con webpagetest.orgOlegs Belousovs
 
L'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptx
L'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptxL'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptx
L'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptxEcommerce HUB
 
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web AppTech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web AppCodemotion
 
50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...
50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...
50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...Andrea Cardinali
 
Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)brossi676
 
Nicola Della Marina: Magento Frontend next level
Nicola Della Marina: Magento Frontend next levelNicola Della Marina: Magento Frontend next level
Nicola Della Marina: Magento Frontend next levelMeet Magento Italy
 
WPO: Ottimizzazione step-by-step del front-end di un e-commerce
WPO: Ottimizzazione step-by-step del front-end di un e-commerceWPO: Ottimizzazione step-by-step del front-end di un e-commerce
WPO: Ottimizzazione step-by-step del front-end di un e-commerceFrancesco Terenzani
 
Cosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparveneCosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparveneOlegs Belousovs
 
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Matteo Stefan
 
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptx
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptxCome e perché ($) migliorare le prestazioni web - Aprile 2023.pptx
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptxAndrea Verlicchi
 
Checklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital Agency
Checklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital AgencyChecklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital Agency
Checklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital AgencyMeta Line
 
Come fare SEO con AngularJS
Come fare SEO con AngularJSCome fare SEO con AngularJS
Come fare SEO con AngularJSGiovanni Sacheli
 
Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.
Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.
Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.Alessandro Giagnoli
 
SEO: Search Engine Optimization & Cloud computing
SEO: Search Engine Optimization & Cloud computingSEO: Search Engine Optimization & Cloud computing
SEO: Search Engine Optimization & Cloud computingbsdlover
 
Come implementare i Rich Snippet per rafforzare la presenza in SERP
Come implementare i Rich Snippet per rafforzare la presenza in SERPCome implementare i Rich Snippet per rafforzare la presenza in SERP
Come implementare i Rich Snippet per rafforzare la presenza in SERPWeb2Lab Studio
 

Similar a WordCamp Bari Maggio 2019 (20)

Madaudo
MadaudoMadaudo
Madaudo
 
Come velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a BolognaCome velocizzare un sito web | Corso SEO a Bologna
Come velocizzare un sito web | Corso SEO a Bologna
 
Eseguire test sintetici delle Web Performance con webpagetest.org
Eseguire test sintetici delle Web Performance con webpagetest.orgEseguire test sintetici delle Web Performance con webpagetest.org
Eseguire test sintetici delle Web Performance con webpagetest.org
 
L'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptx
L'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptxL'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptx
L'importanza dei Core Web Vitals per l'ecommerce - Ivano Di Biasi.pptx
 
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web AppTech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web App
 
50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...
50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...
50 tips su Web  Performance Optimization per siti ad alto traffico @ WpCamp B...
 
Seo e prestashop
Seo e prestashopSeo e prestashop
Seo e prestashop
 
Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)Search Engine Optimization (Parte 1)
Search Engine Optimization (Parte 1)
 
Nicola Della Marina: Magento Frontend next level
Nicola Della Marina: Magento Frontend next levelNicola Della Marina: Magento Frontend next level
Nicola Della Marina: Magento Frontend next level
 
Workshop seo middle
Workshop seo middleWorkshop seo middle
Workshop seo middle
 
WPO: Ottimizzazione step-by-step del front-end di un e-commerce
WPO: Ottimizzazione step-by-step del front-end di un e-commerceWPO: Ottimizzazione step-by-step del front-end di un e-commerce
WPO: Ottimizzazione step-by-step del front-end di un e-commerce
 
Cosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparveneCosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparvene
 
Wpo
WpoWpo
Wpo
 
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
Tre modi per aumentare la velocità del tuo Business Website e guadagnare on...
 
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptx
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptxCome e perché ($) migliorare le prestazioni web - Aprile 2023.pptx
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptx
 
Checklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital Agency
Checklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital AgencyChecklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital Agency
Checklist: 18 passi per fare SEO Audit nel 2021 | Meta Line Digital Agency
 
Come fare SEO con AngularJS
Come fare SEO con AngularJSCome fare SEO con AngularJS
Come fare SEO con AngularJS
 
Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.
Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.
Lezione sulla SEO presso la Facoltà di Economia di Roma Tre.
 
SEO: Search Engine Optimization & Cloud computing
SEO: Search Engine Optimization & Cloud computingSEO: Search Engine Optimization & Cloud computing
SEO: Search Engine Optimization & Cloud computing
 
Come implementare i Rich Snippet per rafforzare la presenza in SERP
Come implementare i Rich Snippet per rafforzare la presenza in SERPCome implementare i Rich Snippet per rafforzare la presenza in SERP
Come implementare i Rich Snippet per rafforzare la presenza in SERP
 

WordCamp Bari Maggio 2019