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
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
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
140
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
3
880
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
Avatar for kanamsasa kanamasa
12
6.5k
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
370
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
680
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
770
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6k

Featured

See All Featured
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
730
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
410
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
740
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k

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]