Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Friendly Iframes - Terra

Jaydson Gomes
January 20, 2012
Programming
0
85

Friendly Iframes - Terra

Apresentação feita no Terra sobre a solução nova adotada para o carregamento de publicidades.

Jaydson Gomes

January 20, 2012
Tweet

More Decks by Jaydson Gomes

See All by Jaydson Gomes
Como criar e manter um produto orgânico e genuíno de sucesso
jaydson
0
400
Como ser um bom dev FrontEnd em 2017
jaydson
1
690
As 12 regras do cérebro aplicadas ao desenvolvimento de software
jaydson
6
860
Os incríveis 8 passos para o sucesso na carreira de desenvolvedor de Software
jaydson
6
1k
Futuro do Subjuntivo - Quando vós programardes JavaScript
jaydson
0
610
BrazilJS Conf 2015 - Abertura
jaydson
0
150
Say my name!
jaydson
4
610
Template Engines
jaydson
1
130
ES6Rocks! JSConf Argentina 2014
jaydson
5
730

Other Decks in Programming

See All in Programming
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
18
4.1k
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
490
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
9
3.2k
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
160
はじめての Go * WASM *OCR
sgash708
1
110
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
200
ABEMA iOS 大規模プロジェクトにおける段階的な技術刷新 / ABEMA iOS Technology Upgrade
akkyie
1
210
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
41
16k
LINE messaging APIを使ってGoogleカレンダーと連携した予約ツールを作ってみた
takumakoike
0
120
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
1.1k
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
Domain-Driven Design (Tutorial)
hschwentner
13
22k

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
It's Worth the Effort
3n
184
28k
BBQ
matthewcrist
87
9.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
How GitHub (no longer) Works
holman
314
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
1k
We Have a Design System, Now What?
morganepeng
51
7.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Bash Introduction
62gerente
611
210k
Optimising Largest Contentful Paint
csswizardry
34
3.1k

Transcript

  1. Nova solução para carregamento de publicidades no portal Friendly Iframes

    Jaydson Gomes

  2. document.write()

  3. Problema: • Má prática • Síncrono/Bloqueante Funciona somente enquanto a

    página está carregando • Após o carregamento da página, o documento é reescrito ...

  4. :( :( :( :( :( :(

  5. http://www.terra.com.br First View: 13.690s Repeat View: 10.274s

  6. Teste HLG First View: 7.192s Repeat View: 2.771s

  7. Como funciona? • Iframe dinâmico • Requisição ao Tagman via

    script tag "<script src=>"

  8. * Por default iframes não carregam em paralelo * Friendly

    Iframe é a solução para este "problema" Como funciona?

  9. Vantagens • Assíncrono • Isolamento de publicidades(Peças com erros não

    afetam as outras) • Melhor controle sobre as peças(Recarregar, remover, criar após carregamento)

  10. Desvantagens • Maior processamento do lado cliente

  11. Produção? 10/01/2012 entrou em Vida&Estilo

  12. Resultados Vida&Estilo Solução antiga First View: 13.994s Repeat View: 9.706s

  13. Resultados Vida&Estilo Solução NOVA(FiF) First View: 8.033s Repeat View: 4.048s

  14. Produção na capa? Save the date: 26/01/2012

  15. Dúvidas? [email protected]