Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Mujeres en SEO Summit 2026 - Greatest Disaster ...
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Estela Franco
June 17, 2026
Programming
260
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Mujeres en SEO Summit 2026 - Greatest Disaster Hits en Web Performance
Estela Franco
June 17, 2026
More Decks by Estela Franco
See All by Estela Franco
Tech SEO Summit 2026 - Catching Technical SEO Regressions and Rendering Disasters in CI
guaca
1
570
BILBOSTACK 2026 - Greatest Disaster Hits in Web Performance
guaca
0
520
SOB 2025 - En busca de las Core Web Vitals
guaca
0
210
Infoshare DEV 2024 - Web Performance Testing
guaca
0
150
We Love Speed 2024 - Web Performance Testing
guaca
0
62
Todo lo que Lighthouse te está mostrando (pero tú no estás viendo)
guaca
0
110
Performance.now() 2023 - Challenging Assumptions About LCP Best Practices (with data!)
guaca
2
2k
WAW23 - Exprime al máximo Lighthouse para mejorar las CWV
guaca
0
600
INP - Qué es y cómo optimizarlo
guaca
0
650
Other Decks in Programming
See All in Programming
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
410
Claude Team Plan導入・ガイド
tk3fftk
0
250
ドリフトを絶対に許さない(?)CDK運用 / CDK Ops with Zero Tolerance for Drifts (?)
akihisaikeda
1
170
メールのエイリアス機能を履き違えない
isshinfunada
0
220
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
530
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
500
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
350
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
maroon1st
0
310
Cloudflare is Agents
chimame
0
120
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
5分で問診!Composer セキュリティ健康診断
codmoninc
0
860
Prismを使った型安全な暗号化_関数型まつり2026
_fhhmm
0
170
Featured
See All Featured
Being A Developer After 40
akosma
91
590k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
710
Believing is Seeing
oripsolob
1
180
From π to Pie charts
rasagy
0
250
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
380
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
sira's awesome portfolio website redesign presentation
elsirapls
0
320
Navigating Team Friction
lara
192
16k
Side Projects
sachag
455
43k
Transcript
None
Meet your Tour Manager Estela Franco Technical Architect, Web Performance
guaca.bsky.social toot.cafe/@guaca
None
None
None
None
None
developer.chrome.com/docs/crux Big Brother is Watching you!
httparchive.org
httparchive.org
None
almanac.httparchive.org
almanac.httparchive.org 16.2M websites 244TB processed
None
None
None
None
uncompressed HTML 1.3M mobile websites
uncompressed JavaScript 29.5M mobile resources
None
Uncompressed resources
None
None
<img src="hero-image.webp" alt="My cool hero image" />
<img src="hero-image.webp" alt="My cool hero image" loading="lazy" />
✅ ✅ ✅ ✅
None
<img src="hero-image.jpg" alt="My cool hero image" />
<img src="placeholder.jpg" alt="My cool hero image" data-src="hero-image.jpg" class="lazy" />
None
calendar.perfplanet.com/2022/lazy-loading-lcp-images-why-does-this-anti-pattern-happen/
2022 18% almanac.httparchive.org/en/2022/performance
almanac.httparchive.org/en/2025/performance 2025 17%
None
Lazy-loading the LCP image
None
None
web.dev/articles/preload-scanner
<link rel="preload" as="image" href="image.jpg" >
<div style=" background-image:url(hero-image.webp)" />
None
✅ ✅ ✅ ✅
Missing preloads for critical resources undiscoverable by the preload scanner
None
everything everywhere all at once
None
None
None
Excessive or unnecessary preloading
None
None
None
<script type="speculationrules"> { "prerender": [{ "where": { "selector_matches": ".prerender" }
}], "prefetch": [{ "where": { "selector_matches": ".prefetch" } }] } </script> developer.chrome.com/docs/web-platform/implementing-speculation-rules
HTTP header: Speculation-Rules: "/speculationrules.json" developer.chrome.com/docs/web-platform/implementing-speculation-rulesa
✅ ✅ ❌ ❌
performance.shopify.com/blogs/blog/speculation-rules-at-shopify
performance.shopify.com/blogs/blog/speculation-rules-at-shopify
None
Not leveraging Speculation Rules
None
None
1. Uncompressed resources 2. Lazy-loading the LCP image 3. Missing
preloads for critical resources undiscoverable by the preload scanner 4. Excessive or unnecessary preloading BONUS TRACK 5. Not leveraging Speculation Rules
planetaberilis.com guaca.bsky.social toot.cafe/@guaca 20% DTO con código “MUJERESENSEO”