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.

1. Webperformance X-ray
24. oktober 2012
- en effektiv slankekur til dit website

2. Introduktion
Tobias Borg Petersen
• Digicure – performance konsulent
• Blog: Webperformance.nu
• Twitter: _tobibp
• Projekt DigiLine/Webperformance X-ray
2

3. Web performance
3

4. Webperformance. Hvorfor?
Search Engine Optimization
‘Google suggests that any site taking longer than 1.5
seconds to load is ‘slow’ and will consequently be
relegated within their search engine ranking’
Kilde: http://www.qubitproducts.com/wp-content/files_mf/sitespeedwhitepaper25.pdf 4

5. Webperformance. Hvorfor?
Økonomiske gevinster
o Shopzilla.com så en stigning i omsætningen på hele
12%, da den gennemsnitlige svartid blev reduceret fra 6
sekunder til 1,2 sekunder
o TheGeekZone.com oplevede at den gennemsnitlige tid
brugere tilbragte på deres website steg med 35%
(antallet af sidevisninger steg med 13%) da de
reducerede svartider
Kilde: http://www.qubitproducts.com/wp-content/files_mf/sitespeedwhitepaper25.pdf 5

6. Webperformance. Hvorfor?
Tekniske gevinster
Seatwave.com
• Reducerede svartider med mellem 50-70 %
• Reducerede båndbredde forbruget med 43 %
• Reducerede DB CPU forbruget med 75%
• Øgede maks. antallet af samtidige brugere med 300 %
Kilde: http://www.siteconfidence.com/Libraries/Case_Studies/Seatwave_Case_Study.sflb.ashx 6

7. Web performance optimering
- som en iterativ proces, også under udvikling!
• Vurdering
• KPI’er (svartid, konversions rate,
tilgængelighed, sidevisninger osv.)
• Benchmark
• Hvordan klarer vores konkurrenter sig?
• Overvågning
• Hvor ligger vores performance niveau?
• Optimering
• Web performance optimering
• Slankekuren 
7

8. 20 % Back End – 80 % Front End
’The Golden Performance Rule’
“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
Kilde: http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/ 8

9. Web performance optimering
- som en iterativ proces
9

10. login.webperformancexray.com
10

11. YSlow plugin PageSpeed plugin Webperformance X-ray
Antal performance checks 23 31 400+
Mobil specifikke Nej Nej Ja
performance checks
Omfang 1 URL 1 URL Hele websitet
Administrationsmodul Nej Nej Ja, op til flere brugere
PDF rapporter Nej Nej Ja, 14 forskellige
Sammenligning af Nej Nej Ja
scanninger
API Ja Ja Ja
Dansk support Nej Nej Ja
11

12. 12

13. 13

14. 14

15. Webperformance X-ray udfører mere end 400 performance
tjeks og flere kommer til
15

16. Demo
16

17. Digicure Performance Index (DPI)
Teleselskaber oktober 2012
Kilde: http://digicure.dk/teleselskaber-okt-12.htm 17

18. Digicure Performance Index (DPI)
Teleselskaber oktober 2012
www.signafon.dk www.telmore.dk
18

19. Web performance
”Hvis bedre er muligt,
er godt IKKE godt nok!”
Moussa Riffi, Digicure ApS
19

20. Tak!
Spørgsmål?