Mujeres en SEO Summit - Greatest Disaster Hits en Web Performance

Transcript

2. Meet your Tour Manager Estela Franco Technical Architect, Web Performance guaca.bsky.social toot.cafe/@guaca
8. developer.chrome.com/docs/crux Big Brother is Watching you!
9. httparchive.org
10. httparchive.org
12. almanac.httparchive.org
13. almanac.httparchive.org 16.2M websites 244TB processed
18. uncompressed HTML 1.3M mobile websites
19. uncompressed JavaScript 29.5M mobile resources
21. Uncompressed resources
24. <img src="hero-image.webp" alt="My cool hero image" />
25. <img src="hero-image.webp" alt="My cool hero image" loading="lazy" />
26. ✅ ✅ ✅ ✅
28. <img src="hero-image.jpg" alt="My cool hero image" />
29. <img src="placeholder.jpg" alt="My cool hero image" data-src="hero-image.jpg" class="lazy" />
31. calendar.perfplanet.com/2022/lazy-loading-lcp-images-why-does-this-anti-pattern-happen/
32. 2022 18% almanac.httparchive.org/en/2022/performance
33. almanac.httparchive.org/en/2025/performance 2025 17%
35. Lazy-loading the LCP image
38. web.dev/articles/preload-scanner
39. <link rel="preload" as="image" href="image.jpg" >
40. <div style=" background-image:url(hero-image.webp)" />
42. ✅ ✅ ✅ ✅
43. Missing preloads for critical resources undiscoverable by the preload scanner
45. everything everywhere all at once
49. Excessive or unnecessary preloading
53. <script type="speculationrules"> { "prerender": [{ "where": { "selector_matches": ".prerender" } }], "prefetch": [{ "where": { "selector_matches": ".prefetch" } }] } </script> developer.chrome.com/docs/web-platform/implementing-speculation-rules
54. HTTP header: Speculation-Rules: "/speculationrules.json" developer.chrome.com/docs/web-platform/implementing-speculation-rulesa
55. ✅ ✅ ❌ ❌
56. performance.shopify.com/blogs/blog/speculation-rules-at-shopify
57. performance.shopify.com/blogs/blog/speculation-rules-at-shopify
59. Not leveraging Speculation Rules
62. 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
63. planetaberilis.com guaca.bsky.social toot.cafe/@guaca 20% DTO con código “MUJERESENSEO”