INTERACTIVE WORKSHOP

andreapernici+AndreaPerniciCTO amp CO-Founder

gt idea srl

wpostatscom

wpostatscom

wpostatscom

wpostatscom

wpostatscom

Google Search chief Amit Shingal - sourceOctober 2015

wpostatscom

wpostatscom

wpostatscom

wpostatscom

Google Search chief Amit Shingal - sourceOctober 2015

wpostatscom

wpostatscom

wpostatscom

Google Search chief Amit Shingal - sourceOctober 2015

wpostatscom

wpostatscom

Google Search chief Amit Shingal - sourceOctober 2015

wpostatscom

Google Search chief Amit Shingal - sourceOctober 2015

Google Search chief Amit Shingal - sourceOctober 2015

894 million3rd Quarter 2015 Facebook Report - sourceNovember 2015

httpswwwampprojectorg

Supported Advertising NetworksTwitter A9 AdReactor AdSense AdTech DoubleClick

Supported Analytics PlatformAnalytics Google Analytics Adobe Analytics Chartbeat and Parsely

Not yet ready for paywalls and subscriptions

You loose most of the power of modern web technologies

httpsinstantarticlesfbcom

FACEBOOKSMARTER THAN

GOOGLE

Again

httpsdeveloperapplecomnews-publisher

httpinsidesearchblogspotit201511new-ways-to-find-and-stream-app-contenthtml

httpblogchromiumorg201509chrome-custom-tabs-smooth-transition_2html

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

Supported Advertising NetworksTwitter A9 AdReactor AdSense AdTech DoubleClick

Supported Analytics PlatformAnalytics Google Analytics Adobe Analytics Chartbeat and Parsely

Not yet ready for paywalls and subscriptions

You loose most of the power of modern web technologies

httpsinstantarticlesfbcom

FACEBOOKSMARTER THAN

GOOGLE

Again

httpsdeveloperapplecomnews-publisher

httpinsidesearchblogspotit201511new-ways-to-find-and-stream-app-contenthtml

httpblogchromiumorg201509chrome-custom-tabs-smooth-transition_2html

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpsinstantarticlesfbcom

FACEBOOKSMARTER THAN

GOOGLE

Again

httpsdeveloperapplecomnews-publisher

httpinsidesearchblogspotit201511new-ways-to-find-and-stream-app-contenthtml

httpblogchromiumorg201509chrome-custom-tabs-smooth-transition_2html

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

FACEBOOKSMARTER THAN

GOOGLE

Again

httpsdeveloperapplecomnews-publisher

httpinsidesearchblogspotit201511new-ways-to-find-and-stream-app-contenthtml

httpblogchromiumorg201509chrome-custom-tabs-smooth-transition_2html

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpsdeveloperapplecomnews-publisher

httpinsidesearchblogspotit201511new-ways-to-find-and-stream-app-contenthtml

httpblogchromiumorg201509chrome-custom-tabs-smooth-transition_2html

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpinsidesearchblogspotit201511new-ways-to-find-and-stream-app-contenthtml

httpblogchromiumorg201509chrome-custom-tabs-smooth-transition_2html

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpblogchromiumorg201509chrome-custom-tabs-smooth-transition_2html

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

SPEED INDEXhttpsgoogl3sKU1r

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpsgooglMRZueM

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpsjakearchibaldcom2014using-serviceworker-today

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpsdevelopersgooglecomspeeddocsinsightsrulesspeed-rules

httpconferencesoreillycomvelocitydevops-web-performance-2015publicscheduledetail42385

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpsgoogl3sKU1r

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpssitesgooglecomawebpagetestorgdocsusing-webpagetestmetricsspeed-index

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

Speed Index = 1685

Speed Index = 5235

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

SELECT

AVG (SpeedIndex)

NTH(51 QUANTILES(SpeedIndex))

NTH(10 QUANTILES(SpeedIndex))

NTH(25 QUANTILES(SpeedIndex))

NTH(75 QUANTILES(SpeedIndex))

NTH(95 QUANTILES(SpeedIndex))

FROM

[httparchiveruns2010_11_15_pages]

WHERE rank lt 300000

10deg Percentile = 52625deg Percentile = 1733Median = 3201Average = 380075deg Percentile = 510095deg Percentile = 9058

Courtesy of HTTPArchive and Big Query

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

ltscript

src=RUMrum-speedindexjsgt

ltscriptgt

ltscriptgt

var metricValue = RUMSpeedIndex()

ltscriptgt

ltscriptgt

hellipYOUR GOOGLE ANALYTICS CODEhellip

ga(set metric1 mathround(metricValue))

ga(send pageview)

hellip

ltscriptgt

httpsgithubcomWPO-FoundationRUM-SpeedIndex

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

Only works for browsers that support Resource Timings(most modern browsers except Safari)

Does not handle content within iframes(possible just not implemented yet)

Works better for IE and Chromewhich both support reportinga first paint event

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

Steve Souders

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpwwww3orgTRuser-timing

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

WE CAN MEASURE WHENTHESE CORE CONTENT

ARE LOADED AND VISIBILE

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

USER TIMING

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en

httpsdevelopersgooglecomanalyticsdevguidescollectionanalyticsjsuser-timingshl=en