morgenbooster #61 | need for speed

of 59/59
1508™ 1508guest Jegvilonline 1508.dk slideshare.com/1508as vimeo.com/design1508 facebook.com/company/1508-as #1508as MORGENBOOSTER

Post on 09-Jan-2017

950 views

Category:

Design

5 download

Embed Size (px)

TRANSCRIPT

  • 1508

    1508guest

    Jegvilonline

    1508.dkslideshare.com/1508asvimeo.com/design1508facebook.com/company/1508-as

    #1508as

    MORGENBOOSTER

  • 15081508

    MB

    #59Peter Solow & Christian Hall

    MORGENBOOSTER

  • 15081508 MORGENBOOSTER

    You may delay, but time will not. Benjamin Franklin

  • 1508 MORGENBOOSTER

    4 SEKUNDERSPAUSE I ENSAMTALE... Fremkalde primal frygt, aktiverer angstprovokerende flelser af uforenelighed og udstdelse.

    Tom Jacobs

  • 1508 MORGENBOOSTER

    ET NDEDRAG P 4 SEKUNER

  • 1508 MORGENBOOSTER

    EN LOADTID P4 SEKUNDER

  • 1508 MORGENBOOSTER

    I 2006 forventede den gemmensnitlige bruger, at enwebside loadede p 4 sekunder.

    I dag forventer den samme bruger, at siden loader p 2 sekundereller mindre.

    http://multichannelmerchant.com/whitepaper/0831_Akami_ecommerce_whitepaper/

  • 1508

    First and foremost, we believe that speed is more than a feature. Speed is the most important feature. If your application is slow, people wont use it.Fred wilson - Union Square Ventures

    MORGENBOOSTER

  • 1508 MORGENBOOSTER

    57% af online brugere forlader et site, hvis de skal vente 3 sekunder eller mere p, at sitetloader.

    8 ud af 10 af dem vil ikke vende tilbage til et site efter en skuffende oplevelse.

    Af disse vil 3 fortlle andre om deres drlige oplevelse.

  • 1508

    En forsinkelse p 1 sekundresulterer i 11% frresidevisninger, 16% drligerekundetilfredshed og et konverteringstab p 7%.

    http://www.aberdeen.com/research/5136/ra-performance-web-application/content.aspx

    MORGENBOOSTER

  • 1508 MORGENBOOSTER

    Langsom loadtidfrer til utilfredshed oftere end nogen anden faktor F O R R E S T E R C O N S U L T I N G

  • 1508 MORGENBOOSTER

    WEBSTRESS

    http://www.ca.com/us/~/media/files/supportingpieces/final_webstress_survey_report_229296.aspx

  • 1508 MORGENBOOSTER

    I was unable to find the product

    Logging in and using the credit card to pay was not as straightforward as I had expected

    It stresses me, Im less likely to use that website again

    If it doesnt work, I move on

    I thought the site was difficult to use

  • 1508 MORGENBOOSTER

    Drlig korttidshukommelse information gemt i vores korttidshukommelse henfalder hurtig. Derfor er vi drligere til at udfre opgaver, hvis vi skal vente, selv i f sekunder.

    Behov for at fle sig i kontrol -at vre tvunget til at vente giver os en flelse af magteslshed og frustration.

  • 1508 MORGENBOOSTER

    People think of a website through their experience of it, without much regard to any externalities that might be causing those problems

  • 1508 MORGENBOOSTER

    Et websted, der indlses p 3 sekunder, oplever 22% frre sidevisninger og en 50% hjere bounce rate, end et websted, der indlses p 1 sekund. Virkning p konverteringer: -22%

    Et websted, der indlses p 5 sekunder,oplever 35% frre sidevisninger og en 105% hjere bounce rate.Virkning p konverteringer: -38%

    Et websted, der indlses p 10 sekunder,oplever 46% frre sidevisninger og en 135% hjere bounce rate. Virkning p konverteringer: -42%

  • 1508

    ndring i bounce rate i forholdtil load-hastighed

    MORGENBOOSTER

    0%

    20%

    40%

    60%

    80%

    100%

    120%

    140%

    160%

    1000ms 3000ms 5000ms 7500ms 11000ms 16000ms 22000ms

  • 1508

    De 3 strste sgemaskener harmlt, hvor stor invirkninghastighed har p deres site.

    Bing En side, der var 2 sekunderlangsommere, resulterede i 4.3% frre brugere.

    Google En forsinkelse p 400 millisekunder resulterede i et fald p 0.59% i antallet afsgninger (ca. 17 millioner per dag).

    Yahoo! En forsinkelse p 400 millisekunder resulterede i 5-9% frre sgninger.

    http://www.stevesouders.com/blog/2010/05/07/wpo-web-performance-optimization

    MORGENBOOSTER

  • 1508 MORGENBOOSTER

  • 1508

    Shopzilla Ved at skre 5 sekunder af load-hastighedengede de konverteringsraten med 7-12%, fordoblede mngden afsessioner fra sgemaskiner ogreducerede antallet af pkrvedeservere med 50%.

    Mozilla Ved at forbedreloadtiden p deres side med 2.2 sekund, gede de download-konverteringen med 15.4%, svareende til ca. 60 milionerflere Firefox-downloads pr. r.

    Amazon for hver 100 millisekundsitets loadtid bliver forbedret, ges omstningen med 1%.

    http://www.stevesouders.com/blog/2010/05/07/wpo-web-performance-optimization/ & amazon

    MORGENBOOSTER

  • 1508 MORGENBOOSTER

    Two hundred fifty milliseconds, either slower or faster, is close to the magic number now for competitive advantage on the Web, Harry Shum, Microsoft

    http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading-sites.html?_r=0

  • 1508 MORGENBOOSTER

    Gennemsnitlig fastnetdownloadhastighed

  • 1508 MORGENBOOSTER

    Gennemsnitlig mobildownloadhastighed

  • 1508 MORGENBOOSTER

  • 1508 MORGENBOOSTER

    Loadtid: 2:32

  • 1508 MORGENBOOSTER

  • 1508 MORGENBOOSTER

  • 1508 MORGENBOOSTER

  • 1508 MORGENBOOSTER

  • 15081508 MORGENBOOSTER

  • 1508

    AKTIV VS. PASSIVVENTETIDPASSIV VENTETID OPFATTES I GENNEMSNIT 36% LNGERE END DEN RENT FAKTISK ER.

  • 1508 MORGENBOOSTER

    Huston Lufthavn

    Gennemsnitstiden fr baggagen ankommer p bndet,er 8 minutter

  • 1508 MORGENBOOSTER

    AKTIV VENTETID= 1 MINUT

    PASSIV VENTETID= 7 MINUTTER

  • 1508 MORGENBOOSTER

  • 1508 MORGENBOOSTER

    AKTIV VENTETID= 7 MINUTTER

    PASSIV VENTETID= 1 MINUT

  • 1508 MORGENBOOSTER

  • 15081508 MORGENBOOSTER

  • 1508 MORGENBOOSTER

    Vitaly Friedman

  • 1508 MORGENBOOSTER

  • 1508 MORGENBOOSTER

  • 1508

    DEFINITIONER

    Sullissivik.gl - foranalyse

  • 1508

    Et par definitioner:

    Start Render:Nr der er noget p skrmen

    Document Complete:Nr alt er hentet

    Fully Loaded:Nr der ikke sker mere (f.eks. Javascript)

    Definitioner

  • 1508

    VRKTJER

    Sullissivik.gl - foranalyse

  • 1508

    Performancebudgettet

    Google PageSpeed Insights

    Yslow

    Sitespeed.io

    Webpagetest.org

    Performance Budget Builder

    Vrktjer

  • 1508

    Det vigtigste vrktj

    Hastighed

    Loadtid

    Datamngde / Sidestrrelse

    Performancebudget

  • 1508

    Hvilken hastighed og loadtid skal man s vlge?

    Vi bruger 3G = 768 kb/s

    Vi bruger 4-5 sekunders nsket loadtid

    Det giver en endelig sidestrrelse p 480 KB.

    Performancebudget

  • 1508

    480 KB er ikke meget.

    Kan yderligere fordeles p de 3 tidsintervaller

    Giver 96 KB hver til: JS, billeder, fonte, HTML, CSS

    Rkkeflgen er vigtig

    Udskyd, prioriter og vlg fra

    Performancebudget

  • 1508

    Performancebudget

    HTML

    CSS

    JAVASCRIPT

    IMAGES

    FONT

    TOTAL

    96 KB

    96 KB

    96 KB

    96 KB

    96 KB

    480 KB

    58 KB

    58 KB

    58 KB

    58 KB

    58 KB

    288 KB

    29 KB

    29 KB

    29 KB

    29 KB

    29 KB

    144 KB

  • 1508

    PageSpeed Insights

  • 1508

    Plugin til Chrome

    Udsprunget af Yahoo

    Yslow.org

    Yslow

  • 1508

    Sitespeed.io

  • 1508

    Webpagetest.org

  • 1508

    Performance Budget Builder

  • 1508

    PROCES

    Sullissivik.gl - foranalyse

  • 1508

    Tnk performance under hele processen

    Start med performancebudgettet

    Overvej billeder og video

    En klassiker: Mobile First

    Test p rigtige devices

    Proces

  • 1508

    Husk redaktrerne

    De skal forst, at deres valgpvirker siderne

    Brug tid p at gre det klart, hvormange billeder og tekst de kanbruge

    Flg op periodisk

    Proces

  • 1508

    LAVTHNGENDE FRUGTER

    Sullissivik.gl - foranalyse

  • 1508

    Google PageSpeed Insights

    Caching i klienten

    Compression p serveren

    Lavthngende frugter

  • 1508

    FIGHTING MONSTERS30. MARTS

    KOMMENDE MORGENBOOSTERE