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

Friendly Iframes - Terra

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Jaydson Gomes Jaydson Gomes
January 20, 2012
Programming
0
95

Friendly Iframes - Terra

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

Avatar for Jaydson Gomes

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
Avatar for Jaydson Gomes jaydson
0
420
Como ser um bom dev FrontEnd em 2017
Avatar for Jaydson Gomes jaydson
1
710
As 12 regras do cérebro aplicadas ao desenvolvimento de software
Avatar for Jaydson Gomes jaydson
6
890
Os incríveis 8 passos para o sucesso na carreira de desenvolvedor de Software
Avatar for Jaydson Gomes jaydson
6
1.1k
Futuro do Subjuntivo - Quando vós programardes JavaScript
Avatar for Jaydson Gomes jaydson
0
640
BrazilJS Conf 2015 - Abertura
Avatar for Jaydson Gomes jaydson
0
200
Say my name!
Avatar for Jaydson Gomes jaydson
4
650
Template Engines
Avatar for Jaydson Gomes jaydson
1
160
ES6Rocks! JSConf Argentina 2014
Avatar for Jaydson Gomes jaydson
5
750

Other Decks in Programming

See All in Programming
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
120
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
160
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
260
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
220
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
670
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.5k
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
2.4k

Featured

See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
140
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
64
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
230

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]