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

Friendly Iframes - Terra

Avatar for Jaydson Gomes Jaydson Gomes
January 20, 2012
Programming
0
92

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

Other Decks in Programming

See All in Programming
React は次の10年を生き残れるか：3つのトレンドから考える
Avatar for Yuka O’oka oukayuka
21
6.7k
ソフトウェア設計とAI技術の活用
Avatar for 増田 亨 masuda220
PRO
18
4.2k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
2
12k
PicoRuby on Rails
Avatar for makicamel makicamel
3
140
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
Avatar for Shohei Okada okashoi
1
300
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
Avatar for Ucchiii ucchiii43
0
180
Claude Code派？Gemini CLI派？ みんなで比較LT会！_20250716
Avatar for じゅん junholee
1
540
脱Riverpod？fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
Avatar for Takuma Osada ostk0069
0
500
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
Avatar for Hiroki Iseri goyoki
5
1.1k
Git Sync を超える！OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
Avatar for Tetsuya Kikuchi tkikuc
4
350
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
870
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
700

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]