In this presentation you'll find 5 tools that you can use to improve your website, e.g online marketing and search metrics. The presentation was used at a morning brief arranged by IIH Nordic and Netmester A/S.
Sådan får du Google til at elske dit site – teknisk SEOPeytz & Co
SEO er vigtigt. Men det nytter ikke noget videre, hvis du ikke sørger for at Google kan forstå det. Teknikken er OGSÅ afgørende for at blive fundet af Google.
Hent vores GRATIS whitepaper om samme emne på http://peytz.dk/Whitepaper-Faa_Google_til_at_elske_dit_site
Slides fra Peytz & Co's morgeinspiration 3 september 2015.
In this presentation you'll find 5 tools that you can use to improve your website, e.g online marketing and search metrics. The presentation was used at a morning brief arranged by IIH Nordic and Netmester A/S.
Sådan får du Google til at elske dit site – teknisk SEOPeytz & Co
SEO er vigtigt. Men det nytter ikke noget videre, hvis du ikke sørger for at Google kan forstå det. Teknikken er OGSÅ afgørende for at blive fundet af Google.
Hent vores GRATIS whitepaper om samme emne på http://peytz.dk/Whitepaper-Faa_Google_til_at_elske_dit_site
Slides fra Peytz & Co's morgeinspiration 3 september 2015.
Webperformance X-ray - en effektiv slankekur til dit websiteDigicure ApS
Tobias Borg Petersens slides fra Digicures web performance seminar på Bella Sky, 24. oktober 2012.
Med flere års erfaring indenfor web performance optimering, har Tobias Borg Petersen som performance konsulent hos Digicure, testet og analyseret hundredvis af websites.
Tobias vil give en demonstration af den automatiserede web performance optimeringsservice, Webperformance X-ray. Han vil desuden give forslag til hvordan man effektivt udvælger og uddelegerer arbejdsopgaver i forbindelse med web performance optimering, således at web performance optimering kan blive en integreret del i den daglige drift og udvikling.
Sådan arbejder du dit digitale design sikkert i målPeytz & Co
Digitalt design handler om at ramme målet rent på mobilen, tabletten og skrivebordsskærmen. Og det handler om at gøre brugerne glade, så de gør, som du ønsker.
For at lykkes med dit design anbefaler vi at gå igennem nogle processer i en bestemt rækkefølge, og på vores morgeninspiration den 31/3 gennemgik Kreativ Direktør Laust Jørgensen denne designproces.
Se alle slides her.
Jesper Helbrandts slides fra Digicures web performance seminar på Bella Sky, 24. oktober 2012.
Der er fart over feltet, når vi præsenterer det seneste nye indenfor web performance. I løbet af dette halvdagsseminar vil du blive opdateret om den seneste udvikling, få de vigtigste keypoints om hvorfor du bør have fokus på web performance samt blive introduceret til nye værktøjer der kan hjælpe dig.
Oplægget blev holdt ved InfinIT-arrangementet "Kan usability-arbejde virkelig betale sig?" der blev afholdt den 25. september 2013. Læs mere om arrangementet her: http://infinit.dk/dk/hvad_kan_vi_goere_for_dig/viden/reportager/kan_usability-arbejde_virkelig_betale_sig-.htm
Steven Aneel Hasz-Singhs slides fra Digicures web performance seminar på Bella Sky, 24. oktober 2012.
Steven er stifter og teknisk direktør i webudviklingshuset Codehouse. Her har han gennem en lang årrække været i tæt kontakt med problemstillinger relateret til performanceoptimeringer for større danske forbrugerorienterede virksomheder.
I takt med at verden bliver mere global og mange mennesker har adgang til internettet, i alle deres vågne timer, bliver det tilsvarende vigtigt, at virksomheder har fokus på at levere deres indhold effektivt til deres målgruppe. Hvad betyder det for udviklingsprocessen og hvordan skal man prioritere i det daglige arbejde med ens webløsninger? Det er hvad Steven vil fokusere på i dette oplæg.
Præsentation : 2 timer der vil ændre din tilgang til salgsarbejdet online og ...Awoke
Kom til seminar om hvordan du optimerer din hjemmeside til, at drive flere salg fra søgemaskiner som Google, samt hvordan du som person bliver endnu bedre til, at få udbytte af salgsarbejdet og hvilke faktorer der gør sig gældende.
Sammen med Ledelses- og Virksomhedsrådgiver Jørgen Johansen (BlueCon), går vi i dybden med hvordan du optimerer din hjemmeside til, at sælge mere og drive dine strategiske målsætninger, samt hvilke personlige og psykologiske faktorer, der betyder noget i salgsarbejdet og hvordan man skal overbevise dem, man møder.
Der er meget at få styr på før et digitalt projekt. Hvem taler vi til, hvad er vigtigt for dem, hvor skal vi møde dem, hvordan får vi dem til at konvertere, hvem skal lave indholdet osv osv.
Disse slides akkompagnerede Innovationsdirektør Jens Poders foredrag om emnet til morgeninspiration hos Peytz & Co den 31/3 2016.
Se alle vores GRATIS morgeninspirationer på peytz.dk/events
Tak for et fantastisk spørgelystent publikum. Det var ganske berigende at dele ud af mit syn på online salg og marketing.
http://www.konsulenter.dk/fordele/arrangementer/88/forumaften-online-salg-og-marketing/
Se mere om mig på:
www.rokkjer.dk
www.bureaubureau.dk
Webperformance X-ray - en effektiv slankekur til dit websiteDigicure ApS
Tobias Borg Petersens slides fra Digicures web performance seminar på Bella Sky, 24. oktober 2012.
Med flere års erfaring indenfor web performance optimering, har Tobias Borg Petersen som performance konsulent hos Digicure, testet og analyseret hundredvis af websites.
Tobias vil give en demonstration af den automatiserede web performance optimeringsservice, Webperformance X-ray. Han vil desuden give forslag til hvordan man effektivt udvælger og uddelegerer arbejdsopgaver i forbindelse med web performance optimering, således at web performance optimering kan blive en integreret del i den daglige drift og udvikling.
Sådan arbejder du dit digitale design sikkert i målPeytz & Co
Digitalt design handler om at ramme målet rent på mobilen, tabletten og skrivebordsskærmen. Og det handler om at gøre brugerne glade, så de gør, som du ønsker.
For at lykkes med dit design anbefaler vi at gå igennem nogle processer i en bestemt rækkefølge, og på vores morgeninspiration den 31/3 gennemgik Kreativ Direktør Laust Jørgensen denne designproces.
Se alle slides her.
Jesper Helbrandts slides fra Digicures web performance seminar på Bella Sky, 24. oktober 2012.
Der er fart over feltet, når vi præsenterer det seneste nye indenfor web performance. I løbet af dette halvdagsseminar vil du blive opdateret om den seneste udvikling, få de vigtigste keypoints om hvorfor du bør have fokus på web performance samt blive introduceret til nye værktøjer der kan hjælpe dig.
Oplægget blev holdt ved InfinIT-arrangementet "Kan usability-arbejde virkelig betale sig?" der blev afholdt den 25. september 2013. Læs mere om arrangementet her: http://infinit.dk/dk/hvad_kan_vi_goere_for_dig/viden/reportager/kan_usability-arbejde_virkelig_betale_sig-.htm
Steven Aneel Hasz-Singhs slides fra Digicures web performance seminar på Bella Sky, 24. oktober 2012.
Steven er stifter og teknisk direktør i webudviklingshuset Codehouse. Her har han gennem en lang årrække været i tæt kontakt med problemstillinger relateret til performanceoptimeringer for større danske forbrugerorienterede virksomheder.
I takt med at verden bliver mere global og mange mennesker har adgang til internettet, i alle deres vågne timer, bliver det tilsvarende vigtigt, at virksomheder har fokus på at levere deres indhold effektivt til deres målgruppe. Hvad betyder det for udviklingsprocessen og hvordan skal man prioritere i det daglige arbejde med ens webløsninger? Det er hvad Steven vil fokusere på i dette oplæg.
Præsentation : 2 timer der vil ændre din tilgang til salgsarbejdet online og ...Awoke
Kom til seminar om hvordan du optimerer din hjemmeside til, at drive flere salg fra søgemaskiner som Google, samt hvordan du som person bliver endnu bedre til, at få udbytte af salgsarbejdet og hvilke faktorer der gør sig gældende.
Sammen med Ledelses- og Virksomhedsrådgiver Jørgen Johansen (BlueCon), går vi i dybden med hvordan du optimerer din hjemmeside til, at sælge mere og drive dine strategiske målsætninger, samt hvilke personlige og psykologiske faktorer, der betyder noget i salgsarbejdet og hvordan man skal overbevise dem, man møder.
Der er meget at få styr på før et digitalt projekt. Hvem taler vi til, hvad er vigtigt for dem, hvor skal vi møde dem, hvordan får vi dem til at konvertere, hvem skal lave indholdet osv osv.
Disse slides akkompagnerede Innovationsdirektør Jens Poders foredrag om emnet til morgeninspiration hos Peytz & Co den 31/3 2016.
Se alle vores GRATIS morgeninspirationer på peytz.dk/events
Tak for et fantastisk spørgelystent publikum. Det var ganske berigende at dele ud af mit syn på online salg og marketing.
http://www.konsulenter.dk/fordele/arrangementer/88/forumaften-online-salg-og-marketing/
Se mere om mig på:
www.rokkjer.dk
www.bureaubureau.dk
Digicure seminar i Jylland | Session 1, web performance monitorering
1. God performance
er god kundeservice
7. maj 2014
Session 1 – ”Kom godt fra start”
Tobias Borg Petersen,
Performancekonsulent fra Digicure A/S
www.digicure.dk
2. Hvem er jeg
Tobias Borg Petersen
2
@_tobibp
tbp@digicure.dk
Webperformance.nu/blog
Performancekonsulent i Digicure
Front End udvikler (.NET)
dk.linkedin.com/in/tobiasbp
3. www.digicure.dk
3
• Stiftet i 2003
• Kontor i Lyngby
• 22 medarbejdere
• Beskæftiger os med analyse og rådgivning
• It-sikkerhed
• Web performance
• It-sikkerhedsuddannelser
• CISSP
• CEH – Ethical hacker
• CVSE – Vmware Hacking / Advanced Security
4. Agenda
Tobias Borg Petersen
4
• Morgenmad √
• Velkomst v/ Jesper Helbrandt, direktør Digicure A/S √
• Introduktion til hvorfor web performance er vigtigt
• Opsætning af KPI’er og SLA’er inden for web performance
• Hvor skal man fokusere sine optimeringer? Hvor er
effekten størst?
• Hvilke typer af værktøjer har man behov for?
• God web performance på de mobile enheder. Hvordan?
7. 7
Hvorfor er performance vigtigt?
• Hurtigere, hurtigere og hurtigere
• Internet forbindelser bliver hurtigere
• Computere bliver hurtigere
• Telefonerne bliver hurtigere
• Browserne bliver hurtigere
• Styresystemer bliver hurtigere
• Næsten alt bliver hurtigere
• Og brugerne bliver mere og mere utålmodige
15. 15
20 %
.. mindre trafik blot ved at øge svartiden med
500 ms.
Web performance – Hvorfor?
Lavere bruger engagement
Kilde: http://velocityconf.com/velocity2009/public/schedule/detail/8523
16. 16Kilde: http://blog.kissmetrics.com/loading-time/
• 47 % af de adspurgte
brugere forventer at et
website er vist indenfor 2
sekunder
• 40 % af de adspurgte
brugere vil forlade et
website der er mere end
3 sekunder om at blive vist
• 52 % af de adspurgte
brugere mener at hurtige
sidevisninger er vigtigt for
websites loyalitet
Web performance – Hvorfor?
Lavere bruger engagement
17. 17
• 3 ud af 4 online shoppere
bliver stressede og
irriterede ifm. handel på et
langsomt website
• 1 ud af 5 af dem der før
har forladt en
indkøbskurv, var pga. et
langsomt website
Kilde: http://blog.kissmetrics.com/loading-time/
Web performance – Hvorfor?
Lavere bruger engagement
22. 22
An SEO expert walks into a bar,
bars, pub, tavern, public house,
Irish pub, drinks, beer, alcohol…
Web performance – Hvorfor?
Search Engine Optimization (SEO)
24. 24
Web performance – Hvorfor?
Search Engine Optimization (SEO)
‘Google Recommends Mobile Websites Load in
One Second or Less’
Nu også på
mobile websites
Kilde: http://www.cmswire.com/cms/customer-experience/google-recommends-mobile-websites-load-in-
one-second-or-less-022080.php
26. 26
John Kemeny &
Thomas Kurtz
”We found, that any response time that
averages more than 10 seconds, destroys the
illusion of having one’s own computer”
1960’erne
Kilde: http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-
slow-loading-sites.html?pagewanted=all&_r=0
De besøgendes forventninger
27. 27
Forrester
Research
2006 = 4 sekunder
2006 og 2009 2009 = 2 sekunder
Kilde: http://www.getelastic.com/performance/
De besøgendes forventninger
Kilde: http://www.akamai.com/html/about/press/releases/2009/press_091409.html
30. 30
Hvis dit website er længere end
1 sekund om at blive vist,
taber du allerede besøgende nu
De besøgendes forventninger
31. 31
Performance er en fundamental del af
brugeroplevelsen på websitet!
Brugeroplevelsen
De besøgendes forventninger
Højere krav
til performance
32. 32
”Facebook sucks!”
• Intuitive navigering
• Timelines elegance
• Svartiden!
De besøgendes forventninger
Brugeroplevelsen
Højere krav
til performance
33. 33
Performance
is about respect
”Respect your user’s time and they will be
more likely to walk away with a positive
experience.”
Brat Frost
Kilde: http://bradfrostweb.com/blog/post/performance-as-design/
De besøgendes forventninger
37. 37
Marketing og salg:
- Øget aktivitet
på websitet
• Lavere bounce rate
• Øget antal sidevisninger
• Længere besøgstid
• Bedre søgerangering
• Øget konverteringsrater
• Større brugertilfredshed!
Hvordan kommer man godt fra start
38. 38
Økonomi folkene:
- Lavere drift
omkostninger!
Hvordan kommer man godt fra start
• Reduceret båndbreddeforbrug
• Reduceret behov for server kraft
• Reduceret strømforbrug
• Reduceret CO2 udledning
40. 40
Du bruger massevis af penge
på din tilstedeværelse på
Internettet
Hvordan kommer man godt fra start
• Website design og udvikling
• Driftsomkostninger
• Marketing
• eCommerce software
Performance optimering
øger ROI for alle punkter!
43. 43
• Konverteringsrater
• Køb af varer, tilmeldelse til nyhedsbreve
• Sidevisninger
• Antal sidevisninger per minut en bruger genererer
• Besøgstid på website
• Tiden brugerne tilbringer på websitet
• Bounce rate
• Hvor mange brugere hopper fra
• Tilgængelighed
• Nedetider hvor websitet ikke er tilgængeligt
• Svartider
• Hvor hurtigt får brugerne vist sidevisningerne
• Apdex
• En indikation på om der bliver leveret acceptable svartider
Hvordan kommer man godt fra start
44. 44
Svartider
• Time To First Byte, TTFB
• Tiden det tager at forbinde til webserveren
• Time To Render, TTR
• Tiden det tager at vise det første visuelle af websitet
• Document Complete
• Tiden det tager onload() at bliver udført
• Fully Loaded
• Tiden det tager at hente alt indhold på siden
• Requests
• Antallet af forespørgsler som websitet består af
• Pagesize
• Mængden af data som er at finde på websitet
Hvordan kommer man godt fra start
45. 45
Apdex
• Værdi mellem 0,00 – 1,00
• 1,00 er det højst opnåelige
Apdex =
Eksempel:
Tilfredsstillende forespørgsler = <1 sek. Document Complete
Acceptable forespørgsler == 1-2 sek. Document Complete
Uacceptable forespørgsler == >2 sek. Document Complete
Hvordan kommer man godt fra start
Tilfredsstillende forespørgsler + (Acceptable forespørgsler/2)
Total antal forespørgsler
46. 46
Svartider og Apdex
• Svartider og Apdex ved generelle sideindlæsninger
• Tiden det tager at forbinde til webserveren
• Svartider og Apdex for forretningskritiske funktioner
• Login, køb af vare eller udfyldning af formular
Testopsætning
• Side-typer (forside, produktside, osv.)
• Geografiske målelokationer
• Browsertype
• Måleværktøj
• Benchmarking, DPI
Hvordan kommer man godt fra start
49. 49
Sådan laver du en SLA for
performance niveauet – 1/4
• Klar og tydelig
• X : ”Websitet skal være hurtigt”
• X : Websites forside skal være hentet inden for 2 sekunder
• ✔: Websites forside skal have en Time-To-First-Byte tid
under 300 ms. og Document Complete på under 2
sekunder. Der skal måles fra Danmark. Målingerne skal
foretages i tidsrummet 08:00 – 16:00 med en Internet
Explorer Browser 9. Måleværktøjet er instant@larm.
• Vær’ realistisk
• Hvis websitet er 8 sekunder om at blive hentet, skal kravet ikke
være 1 sekund.
• Benchmark op imod konkurrenter
• Digicure Performance Index (DPI), www.digicure.dk
50. 50
Sådan laver du en SLA for
performance niveauet – 2/4
• Hvilke sider er en del af SLA’en?
• Forside, produktside, checkout-flow, kontaktside, søgning
• Udvælg performance metrikker
• Time-To-First-Byte, TTFB
• Oppetid
• (Time-To-Render, TTR | Document Complete | Fully Loaded)
• Udvælg lokationer hvorfra målingerne skal foretages
• Lokalt og/eller globalt?
• Hvad er dine brugernes forventninger?
• Brugerundersøgelse
• Case studies
• Vælg browsertype
• Mobil
• Desktop
51. 51
Sådan laver du en SLA for
performance niveauet – 3/4
Eksempel: Service Level Agreement (SLA)
Webside: Forsiden af www.eksempel.dk
Lokationer: Danmark, USA og Australien
Browsertype: Desktop – Internet Explorer 9
Værktøj: instant@larm
Gennemsnitlig Document Complete: 2,41 sek. (DPI over automobiler)
Krav til TTFB:
0,3 sek. (Danmark), 0,7 sek. (USA), 0,9 sek. (Australien)
Krav til Document Complete:
2 sek. (Danmark), 4 sek. (USA), 5 sek. (Australien)
Krav til oppetid:
99,98 % (Danmark, USA og Australien)
52. 52
Sådan laver du en SLA for
performance niveauet – 4/4
• SMART – Specific, Measureable, Attainable, Realistic and Time bound
• Revurdér en SLA løbende
• Monitorér dine konkurrenter
• Foretag løbende brugerundersøgelser
• Sørg for at monitorere performance niveauet – Også selvom det ser
godt ud
• Gør brugerne opmærksomme på at der arbejdes hen imod højt
performance niveau
• Performance SLA’er er vigtige under udvikling af
websites/applikationer
55. 55
• Smart-route teknologi
• Komponenter placeret
geografisk tættere på
brugeren
• Typisk statiske
Fordele:
• Reducering af trafik
• Større skalérbarhed
Når forretningen bliver global
56. 56
Hvordan vælger jeg den
rette CDN udbyder?
Få styr på dit behov
• Hvilke fil formater skal du have
hosted?
• Hvor kommer dine brugere fra?
(geografiske lokationer)
• Hvad er trafikken på nuværende
tidspunkt?
• Hvad forventer man af fremtidig
trafik?
Og ikke mindst..
• Lyt ikke til rygter! CDN er stadig
en forholdsvis ny teknologi
Når forretningen bliver global
57. 57
• Supporteres de nødvendige fil
formater?
• Hvor er datacentrene geografisk
placeret?
• Hvordan bliver man faktureret?
• Er der en SLA for performance?
• Oppetid
• Netværk og server
• Svartider
• Fra flere geografiske
lokationer
• Kompensering
• Ikke kun pr. minuts nedetid
Når forretningen bliver global
Spørgsmål til
udbyderen
60. 60
$
Performance optimering
kræver en strategi
1. Identificér en forretningskritisk funktion på websitet
2. Definér målemetoden og succeskriterierne
3. Mål det nuværende performance niveau
4. Optimér performance niveauet
5. Indkassér fortjenesten
67. 67
Båndbredde og svartider
Båndredde og latency
• Båndbredde indikerer ‘tykkelsen’
• Latency indikerer transporttiden
• Transporttiden fra A til B == Latency
73. 73
Båndbredde og svartider
Kilde: http://www.igvita.com/2012/07/19/latency-the-new-web-performance-bottleneck/
• Lysets hastighed er en begrænsning
• Læg kortere kabler
• 450 millioner kroner per sparet ms.
• Løsning: Flyt indholdet tættere på og
reducér antallet af forespørgsler
75. 75
Hvor skal jeg fokusere mine
optimeringer?
What’s Steve Souders saying!
76. 76
“80-90% of the end-user response time is spent on the frontend.
Start there.” – Steve Sourders, Google
20 % BE = Time To First byte (TTFB)
• Database opslag
• Web service kald
• HTML generering
80% FE = Download af indholdet:
• Billeder
• CSS
• Scripts
• Flash
Hvor skal jeg fokusere mine
optimeringer?
77. 77
Back End: 13 % – Front End: 87 % Back End: 20 % – Front End: 80 % Back End: 11 % – Front End: 89 %
Back End: 23 % – Front End: 77 %Back End: 13 % – Front End: 87 %Back End: 16 % – Front End: 84 %
Back End: 15 % – Front End: 85 % Back End: 6 % – Front End: 94 %
78. • Reducering af antal HTTP forespørgsler
Hvor skal jeg fokusere mine
optimeringer?
84. 84
For mange forespørgsler
Tungt indhold som ikke
er komprimeret korrekt
Server konfigurationer
3. part komponenter
Hvad er årsagen til dårlig
web performance?
91. 91
• Svartider
• Tilgængelighed
• IKKE kun ping
• Brugernes oplevelse udefra
• 3. part monitorering
Monitorering
Testværktøjer – Web performance
92. 92
Testværktøjer – Web performance
Real User MonitoringSynthetic Monitoring
• Data fra brugernes browsers
• Stor mængde data
• IKKE fra Safari, Opera, IE8, Blackberry
og Android 2.3
• Man har ingen indflydelse på:
• Netværk
• Hardware
• Andet software installeret hos
brugerne
• Ingen data når brugerne sover
• Trend spotting
• Fast testopsætning:
• Software
• Hardware
• Netværk
• Alarmer
• Simulering af user-flow
• Tilgængeligheds monitorering
94. 94
Testværktøjer – Web performance
<script>
_gaq.push(['_setAccount','UA-XXXX-X']);
_gaq.push(['_setSiteSpeedSampleRate', 100]); // #protip
_gaq.push(['_trackPageview']);
</script>
Google Analytics >> Content >> Site Speed
● Automatisk opsamling af data – standard er kun 1% af besøgene
● Maksimalt 10.000 sidevisninger/day
Real User Monitoring
98. 98
• Load test
• Hvor meget kan websitet
holde til
• Stress test
• Hvor meget kan websitet
holde til under en stor
belastning
• Endurance test
• Hvordan opfører websitet
sig under en længere
vedvarende belastning
Performancetest
Testværktøjer – Web performance
125. 125
”Der er flere der
har adgang til
mobiltelefon, end
adgang til
rindende vand og
tandbørster”
Kilde: http://blogs.worldbank.org/africacan/more-cell-phones-than-toilets
128. 128
”85 % af de mobile
bruger forventer at
mobile sites loader
lige så hurtigt eller
hurtigere end
desktop sites”
Kilde: http://www.strangeloopnetworks.com/web-performance-infographics/
134. 13
4
Fra Holland Fra Australien
4G Netværket
- ’Under the hood’
Performance på mobile enheder
135. 13
5
Fra Holland Fra Australien
4G Netværket
- Vil gøre livet nemmere
LTE/4G 3G
’Idle’ tilstand < 100 ms < 2,5 sek.
Performance på mobile enheder
136. 13
6
Fra Holland Fra Australien
4G Netværket
- Vil gøre livet nemmere
Samlet latency ‘Idle’
Edge 670-830 ms +2,5 sek.
3G 120-280 ms +2,5 sek.
4G 65-86 ms +100 ms
Desktop 10-30 ms -
Kilde: https://docs.google.com/presentation/d/1wAxB5DPN-
rcelwbGO6lCOus_S1rP24LMqA8m1eXEDRo/present#slide=id.g11c1373c5_5_0
Performance på mobile enheder
139. 13
9
4G Netværket
- Vil gøre livet nemmere
Kilde: https://docs.google.com/presentation/d/1wAxB5DPN-
rcelwbGO6lCOus_S1rP24LMqA8m1eXEDRo/present#slide=id.g11c1373c5_5_0
Performance på mobile enheder
TDC Telia Telenor 3 ‘Idle’
Edge 994 ms 1109 ms 1294 ms 930 ms +2,5 sek.
3G 437 ms 280 ms 399 ms 317 ms +2,5 sek.
4G 76 ms 223 ms 90 ms 162 ms +100 ms
Samlet latency ‘Idle’
Edge 670-830 ms +2,5 sek.
3G 120-280 ms +2,5 sek.
4G 65-86 ms +100 ms
Desktop 10-30 ms -
140. 14
0
4G Netværket
- Vil gøre livet nemmere
• 4G er ikke tilgængelig for os alle
endnu
• 3G netværket forsvinder ikke
foreløbigt
Hvad kan vi gøre ved det?
• Websites størrelse
• Antal forespørgsler (VIGTIG)
Løsninger:
• Reducér mængden af data
• Reducér antallet af forespørgsler
• Komprimering
• Caching
Performance på mobile enheder
141. 14
1
Opsummering 1/2
Hvad har vi gennemgået?
• Introduktion til hvorfor web performance er vigtigt
• Cases, SEO og svartider
• Brugernes forventning
• Hvordan kommer man godt fra start
• Opsætning af KPI’er og SLA’er inden for web performance
• Hvilke KPI’er har web performance indflydelse på
• Hvilke SLA’er har man mulighed for at opsætte
• Hvordan specificerer man en SLA
• SLA’er for CDN udbydere
• Performance optimering kræver en strategi
• Performance optimering som en løbende proces
142. 14
2
Opsummering 2/2
Hvad har vi gennemgået?
• Hvor skal man fokusere sine optimeringer? Hvor er effekten
størst?
• Båndbredde og svartider
• Reducér forespørgsler og indhold
• Hvilke typer af værktøjer har man behov for?
• Monitorering, test og optimering
• instant@larm og WebPageTest.org
• God web performance på de mobile enheder. Hvordan?
• Mobil brugernes stigende trafik og forventninger
• 3G /4G netværket og latency
143. Google har altid ret
“As a product manager you should know
that speed is product feature number
one.”
- Larry Page (Google Founder)
155. Nye måle metrikker
• Time-to-render, TTR
• Document Complete/Fully Loaded
• Cashed vs. Non-Cashed
• Speed Index
Fejlfinding (Debug-mode)
• Video optagelse
• HAR-fil generator
• Screenshots ved fejl
Andet
• Helt nyt design og teknisk platform
• Automatisk oprettelse af målinger
• Valg af browsertype
• API
• Mobil app
Det nye instant@larm
Når man ser på alle dem som understøtter og er med til at skabe fundamentet for at vi overhovedet har adgang til informationer på nettet er der en ting der går igen
HASTIGHED
http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading-sites.html?pagewanted=all&_r=0
invented the BASIC programming language
http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading-sites.html?pagewanted=all&_r=0
invented the BASIC programming language
Responsive Web Design
Internettet kan tilgås og interageres på op til flere forskellige enheder
PC’er, mobiltelefoner, tablets
Internettets evner til at blive tilgået på flere typer og hastigheder af netværk
Båndbredde, latency, mobil netværk, osv.
Web performance har stor betydning for brugeroplevelse
Cases som KISSMetrics, GlassesDirect og Seatwave
Responsive Web Design
Internettet kan tilgås og interageres på op til flere forskellige enheder
PC’er, mobiltelefoner, tablets
Internettets evner til at blive tilgået på flere typer og hastigheder af netværk
Båndbredde, latency, mobil netværk, osv.
Web performance har stor betydning for brugeroplevelse
Cases som KISSMetrics, GlassesDirect og Seatwave
http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading-sites.html?pagewanted=all&_r=0
invented the BASIC programming language
Længere besøgstid
Bedre søgerangering
Øget konverteringsrater
Øget antal sidevisninger
Lavere bounce rate
Større brugertilfredshed!
Konverteringsrater
Køb af varer, tilmeldelse til nyhedsbreve
Sidevisninger
Antal sidevisninger per minut en brugerne besøger
Besøgstid på website
Tiden brugerne tilbringer på websitet
Bounce rate
Hvor mange brugere hopper fra
Tilgængelighed
Nedetider hvor websitet ikke er tilgængeligt
Svartider
Hvor hurtigt får brugerne vist sidevisningerne
Konverteringsrater
Køb af varer, tilmeldelse til nyhedsbreve
Sidevisninger
Antal sidevisninger per minut en brugerne besøger
Besøgstid på website
Tiden brugerne tilbringer på websitet
Bounce rate
Hvor mange brugere hopper fra
Tilgængelighed
Nedetider hvor websitet ikke er tilgængeligt
Svartider
Hvor hurtigt får brugerne vist sidevisningerne
Konverteringsrater
Køb af varer, tilmeldelse til nyhedsbreve
Sidevisninger
Antal sidevisninger per minut en brugerne besøger
Besøgstid på website
Tiden brugerne tilbringer på websitet
Bounce rate
Hvor mange brugere hopper fra
Tilgængelighed
Nedetider hvor websitet ikke er tilgængeligt
Svartider
Hvor hurtigt får brugerne vist sidevisningerne
Konverteringsrater
Køb af varer, tilmeldelse til nyhedsbreve
Sidevisninger
Antal sidevisninger per minut en brugerne besøger
Besøgstid på website
Tiden brugerne tilbringer på websitet
Bounce rate
Hvor mange brugere hopper fra
Tilgængelighed
Nedetider hvor websitet ikke er tilgængeligt
Svartider
Hvor hurtigt får brugerne vist sidevisningerne
Content
Web redaktører, ecommerce managers
Application
Webbureauer, udviklingshuse, in-house development
Infrastructure
Hosting partner, webhotel, driftfolk
Content
Web redaktører, ecommerce managers
Application
Webbureauer, udviklingshuse, in-house development
Infrastructure
Hosting partner, webhotel, driftfolk
Content
Web redaktører, ecommerce managers
Application
Webbureauer, udviklingshuse, in-house development
Infrastructure
Hosting partner, webhotel, driftfolk
Content
Web redaktører, ecommerce managers
Application
Webbureauer, udviklingshuse, in-house development
Infrastructure
Hosting partner, webhotel, driftfolk
Svartider
Tilgængelighed
IKKE ping
Brugernes oplevelse udefra
3. part monitorering
Svartider
Tilgængelighed
IKKE ping
Brugernes oplevelse udefra
3. part monitorering
Svartider
Tilgængelighed
IKKE ping
Brugernes oplevelse udefra
3. part monitorering
Svartider
Tilgængelighed
IKKE ping
Brugernes oplevelse udefra
3. part monitorering
Svartider
Tilgængelighed
IKKE ping
Brugernes oplevelse udefra
3. part monitorering
Svartider
Tilgængelighed
IKKE ping
Brugernes oplevelse udefra
3. part monitorering
Svartider
Tilgængelighed
IKKE ping
Brugernes oplevelse udefra
3. part monitorering
Responsive Web Design
Internettet kan tilgås og interageres på op til flere forskellige enheder
PC’er, mobiltelefoner, tablets
Internettets evner til at blive tilgået på flere typer og hastigheder af netværk
Båndbredde, latency, mobil netværk, osv.
Web performance har stor betydning for brugeroplevelse
Cases som KISSMetrics, GlassesDirect og Seatwave
Responsive Web Design
Internettet kan tilgås og interageres på op til flere forskellige enheder
PC’er, mobiltelefoner, tablets
Internettets evner til at blive tilgået på flere typer og hastigheder af netværk
Båndbredde, latency, mobil netværk, osv.
Web performance har stor betydning for brugeroplevelse
Cases som KISSMetrics, GlassesDirect og Seatwave