#web-performance
Every summary, chronological. Filter by category, tag, or source from the rail.
Digital Sustainability: Why Small Actions Scale to Global Impact
Digital sustainability is not just about individual efficiency; it is about shifting industry culture. By optimizing code, choosing ethical clients, and sharing knowledge, builders can create a ripple effect that influences policy and corporate behavior.
Smashing MagazineEngineering the Sustainable Web: Lessons from Infrastructure
Sustainable web engineering isn't a new discipline; it is the application of rigorous, constraint-based engineering to digital products. By treating hardware, carbon, and lifespan as non-negotiable constraints rather than afterthoughts, developers can build more performant and inclusive web experiences.
Building Scroll-Driven AI Animations for Web
Create high-end, scroll-triggered interactive web experiences by combining AI-generated video assets with frame-by-frame control in Claude Code.
UI CollectiveBuilding Complex Software with Long-Running AI Agents
Long-running AI agents can execute multi-day, complex engineering pipelines—such as building an OS or optimizing 3D web scenes—by self-correcting through dependent tasks rather than relying on single-prompt generation.
Google Cloud TechWhy MCP and ChatGPT Apps Use Double Iframes
To securely render third-party UI, ChatGPT uses a double-iframe pattern: an outer iframe provides a sandboxed environment on a unique subdomain, while an inner iframe uses 'srcdoc' to render the app, preventing cross-origin storage access and CSP violations.
AI EngineerManaging Large Files in the Browser with OPFS
The Origin Private File System (OPFS) allows browsers to handle multi-gigabyte files efficiently by streaming data in chunks, avoiding memory overflows associated with loading entire files into RAM.
Modern Web UI: New CSS and Browser Primitives
The web platform is evolving to support high-quality, native-feeling experiences through new CSS functions like contrast-color(), element-scoped view transitions, and improved accessibility primitives.
Chrome for DevelopersAgentic Debugging in Chrome DevTools with Gemini
Chrome DevTools now features agentic AI assistance that autonomously gathers page context, performs performance traces, and provides actionable, concise debugging insights with transparent, step-by-step walkthroughs.
Chrome for DevelopersBridging the AI Knowledge Gap with Modern Web Guidance
Chrome's 'Modern Web Guidance' provides an expert-vetted, locally-installed skill set for AI coding agents, enabling them to recommend modern, performant web features over legacy patterns while respecting project-specific browser support requirements.
5 Underrated CSS Properties for Better UI Control
Improve your CSS layouts and typography with these five practical properties: counters for auto-numbering, user-select for interaction control, tabular-nums for data alignment, multi-column for responsive text, and advanced text-decoration styling.
Kevin Powell10 Fixes to Stop 55% of Visitors Leaving in 15 Seconds
55% of visitors leave sites in under 15 seconds; prioritize <3s loads (1s delay cuts 7% conversions), match URL expectations, simplify nav, cut ads/sound/autoplay, organize content, build trust to boost retention.
Showing 14 of 14