Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Friendly Iframes - Terra

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

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

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
470
Como ser um bom dev FrontEnd em 2017
Avatar for Jaydson Gomes jaydson
1
730
As 12 regras do cérebro aplicadas ao desenvolvimento de software
Avatar for Jaydson Gomes jaydson
6
940
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
700
BrazilJS Conf 2015 - Abertura
Avatar for Jaydson Gomes jaydson
0
230
Say my name!
Avatar for Jaydson Gomes jaydson
4
700
Template Engines
Avatar for Jaydson Gomes jaydson
1
170
ES6Rocks! JSConf Argentina 2014
Avatar for Jaydson Gomes jaydson
5
790

Other Decks in Programming

See All in Programming
Ghostty + Neovimで作る 透明でカッコ良い開発環境
Avatar for Kanade Nonomura j341nono
0
160
AI主導のプログラミング学習アプリを作ってみた
Avatar for econanringo econanringo
0
140
Kubernetes祭り #2 OP/ED
Avatar for bells17 bells17
0
110
複雑なUIコンポーネントとの ⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ
Avatar for masahiko.asai mixplace
0
290
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
160
AIに “答え“を書かせるのを やめてみた
Avatar for akari ___akari11
0
110
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
Avatar for shiro seike seike460
PRO
1
940
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.8k
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
Avatar for Kensuke Taguchi ken_tunc
0
470
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.5k
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
0
180

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
280
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
350
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
530
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
433
67k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.5k

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]