Rendimiento y accesibilidad
A Practical Guide to Excessive DOM Size
Pages with very large numbers of HTML elements, often from complex layouts, long lists, mega menus or page builders, which make rendering and scripting slower....
Marcus Adeyemi
Desarrolla y mantiene los proyectos web. Escribe sobre arquitectura front-end, rendimiento, accesibilidad y las partes menos vistosas de mantener vivo un sitio.
531 articles
Rendimiento y accesibilidad
How to Get Unused CSS and JavaScript Right
Code downloaded by a page that is never used there, commonly from frameworks, component libraries or site-wide bundles. Key takeaways Coverage tab: Chrome DevTo...
Rendimiento y accesibilidad
A Practical Guide to Fetch Priority
The fetchpriority attribute, which tells browsers which resources matter most and which can wait. Key takeaways Attribute: fetchpriority accepts high, low and a...
Rendimiento y accesibilidad
Video Loading Performance: The Decisions That Matter
How embedded video affects page load, and the attributes and formats that keep it light. Key takeaways preload: the attribute controls how much video loads befo...
Rendimiento y accesibilidad
Hydration Cost and Islands, Done Properly
The work browsers do to make server-rendered HTML interactive, and architectures that reduce it. Key takeaways Hydration: client JavaScript attaches behavior to...
Rendimiento y accesibilidad
A Practical Guide to Memory Leaks in Long-Lived Pages
Memory that a page keeps allocating and never releases, a problem for dashboards and apps left open for hours. Key takeaways Detached nodes: removed DOM element...
Rendimiento y accesibilidad
A Practical Guide to Scroll Performance
Keeping scrolling smooth by avoiding expensive work in scroll handlers and layout reads. Key takeaways Passive listeners: let the browser scroll without waiting...
Rendimiento y accesibilidad
Compositing and GPU Layers: The Decisions That Matter
How browsers split pages into layers that the GPU can move and blend without redrawing everything. Key takeaways Compositor properties: transform and opacity ca...
Rendimiento y accesibilidad
Field Debugging with the web-vitals Library: The Decisions That Matter
Collecting Core Web Vitals from real users in JavaScript, including attribution data that points at the cause. Key takeaways Library: Google publishes a web-vit...
Rendimiento y accesibilidad
A Practical Guide to Lighthouse in Continuous Integration
Running Lighthouse automatically on each build so performance and accessibility regressions are caught before release. Key takeaways Lighthouse CI: runs audits...
Rendimiento y accesibilidad
A Practical Guide to Accessible Authentication
WCAG 2.2 requirements that sign-in should not depend on remembering or transcribing information. Key takeaways Success Criterion 3.3.8: requires an alternative...
Rendimiento y accesibilidad
A Practical Guide to Focus Appearance
How visible the keyboard focus indicator is, including its size and contrast against the background. Key takeaways Focus Visible: WCAG requires a visible focus...
Load more articles
Showing 468 of 531