Rendimiento y accesibilidad
Tree Shaking and Bundle Size, Done Properly
Removing unused code from JavaScript bundles during the build, so visitors only download the functions a page actually uses. Key takeaways Tree shaking: dead-co...
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
Text Compression with Brotli and Gzip: What Actually Works
Compressing HTML, CSS, JavaScript and other text responses on the server so they transfer in far fewer bytes, then decompressing them in the browser. Key takeaw...
Rendimiento y accesibilidad
Critical CSS: The Decisions That Matter
Delivering the styles needed to render the visible part of the page immediately, often inline in the HTML, and loading the rest of the CSS without blocking rend...
Rendimiento y accesibilidad
How to Get Lazy Loading Images Right
Deferring the download of images until they are about to scroll into view, using the loading="lazy" attribute or a script. Key takeaways Native attrib...
Rendimiento y accesibilidad
Content Visibility and Rendering Work: The Decisions That Matter
Using the CSS content-visibility property so the browser skips layout and painting for sections of a long page that are off screen until they are needed. Key ta...
Rendimiento y accesibilidad
Long Animation Frames: The Decisions That Matter
A browser API that reports rendering frames that took longer than 50 milliseconds, with details of the scripts responsible, used to diagnose slow interactions....
Rendimiento y accesibilidad
Server-Timing Header: What Actually Works
An HTTP response header that reports how long server-side steps took, such as database queries or cache lookups, so the timings appear in browser tools and moni...
Rendimiento y accesibilidad
A Practical Guide to 103 Early Hints
An informational HTTP response a server or CDN sends before the final response, telling the browser which critical resources to preload or connect to while the...
Rendimiento y accesibilidad
A Practical Guide to Soft Navigations in Single-Page Apps
Route changes in single-page applications that update the page without a full browser navigation, and the challenge of measuring their performance. Key takeaway...
Rendimiento y accesibilidad
A Practical Guide to Layout Thrashing
A performance problem where JavaScript alternately changes styles and reads layout values, forcing the browser to recalculate layout many times in one frame. Ke...
Rendimiento y accesibilidad
A Practical Guide to Image CDNs
Services that resize, compress and convert images on request, serving each visitor an appropriately sized image in a format their browser supports. Key takeaway...
Rendimiento y accesibilidad
Redirect Chains and Performance, Done Properly
Sequences of redirects, such as http to https to www to a trailing slash, that a browser must follow before it reaches the final page. Key takeaways Cost: each...
Load more articles
Showing 456 of 531