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

Other Decks in Programming

See All in Programming
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
Avatar for Naoya Ito naoya
15
3.2k
エンジニアと一緒にテストコードの設計と実装を改善した話
Avatar for mototakatsu mototakatsu
0
260
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
Avatar for HideyukiKitao panda728
PRO
2
240
【やさしく解説 設計編・中級 #1】一つの車に、運転手は一人　～ある倉庫システムの事例から～
Avatar for HideyukiKitao panda728
PRO
0
130
ローカルLLMでどこまでコードが書けるか -縮小版 /　How much code can be written on a local LLM Shortened
Avatar for Naoki Kishida kishida
2
180
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.7k
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
840
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
580
Haskell/Servantを通してWebミドルウェアを捉え直す
Avatar for pizzacat83 pizzacat83
1
470
Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
200
継続モナドとリアクティブプログラミング
Avatar for ゆきくらげ yukikurage
3
470
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
Avatar for NAGATA Hiroaki handlename
0
140

Featured

See All Featured
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
630
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
270
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
390
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
460
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
320
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Done Done
Avatar for chrislema chrislema
186
16k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
790

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]