Annonser och prestanda: Optimera STHLM 2011
Upcoming SlideShare
Loading in...5
×
 

Annonser och prestanda: Optimera STHLM 2011

on

  • 639 views

(Swedish) Presentation om hur Aftonbladet optimerat annonsladdningen från Optimera STHLM 2011. ...

(Swedish) Presentation om hur Aftonbladet optimerat annonsladdningen från Optimera STHLM 2011.

Presentationen är inte gjord för att stå för sig själv, men film lär dyka upp på Youtube inom kort.

Statistics

Views

Total Views
639
Views on SlideShare
636
Embed Views
3

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 3

http://www.linkedin.com 2
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Annonser och prestanda: Optimera STHLM 2011 Annonser och prestanda: Optimera STHLM 2011 Presentation Transcript

  • TOBIAS JÄRLUNDLead developer, Aftonbladet pappaledig@jarlundhttp://jarlund.se/
  • AFTONBLADET.SEca 6 miljoner unika webbläsare/vecka
  • AFTONBLADET.SEca 2 miljoner unika webbläsare/vardag
  • AFTONBLADET.SEca 3800 DOM-element
  • AFTONBLADET.SEca 20 annonspositioner
  • AFTONBLADET.SEca 3 miljarder http-anrop/dag
  • TREDJEPARTS-INNEHÅLL
  • ANNONSER
  • <script src="...">document.write()
  • HTML-sida Annonsnätverk 1 Annonsnätverk 2 Annonsen Resten av sidan http://www.webpagetest.org/
  • Sidan blockeras av annonsen http://www.webpagetest.org/
  • <script src="...">blockerar rendering(och laddning)
  • document.write()omöjliggör asynkron laddning
  • LADDAR SERIELLTBLOCKERAR ALLTANNAT INNEHÅLL
  • ”FRONTEND SPOF”
  • LÖSNINGAR?
  • Lägg annonsen långtner i källkoden ochpositionera den till sinrätta plats på sidan
  • Definiera omdocument.write()
  • Ladda annonsen i eniframe
  • FRIENDLY IFRAME
  • Best Practices forRich Media Ads inAsynchronous AdEnvironments http://www.iab.net/ajaxrichmedia
  • FRIENDLY IFRAME
  • Skapa en iframe med en statisk, cachningsbarhtml-sida från samma domän.Sätt javascriptvariabeln inDapIF=true som ensignal till annonsen att den laddas i en friendlyiframe.Ladda annonsen som vanligt med en <scriptsrc> i iframen.När annonsen laddat klart, justera storleken påiframen till att matcha annonsens storlek.
  • BROWSERPROBLEM
  • http://www.webpagetest.org/
  • LADDAR PARALLELLTUTAN ATT BLOCKERAANNAT INNEHÅLL
  • NYA MÖJLIGHETER
  • Ladda annonser ivalfri ordning
  • Händelsestyrdannonsladdning
  • HTML5?DET ÄR JU ÄNDÅ 2011
  • <iframe srcdocseamless>
  • RESULTATET?
  • Besök/vecka +7%Sidor/besök +16%
  • Senaste nytt +35%
  • Tid för sidladdning-40%
  • Tobias Järlund@jarlundhttp://jarlund.se/