A Practical Guide to Core Web Vitals
The three field metrics Google publishes as its measure of a page's loading, responsiveness and visual stability: Largest Contentful Paint, Interaction to...
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
The three field metrics Google publishes as its measure of a page's loading, responsiveness and visual stability: Largest Contentful Paint, Interaction to...
Building one page that adapts its layout, type and images to the viewport it is being read on, rather than maintaining separate mobile and desktop sites. Key ta...
Using the HTML element that describes what a thing is — nav, main, button, table, heading levels — rather than styling a generic div to look like it. Key takeaw...
A shared library of components, tokens and usage rules that a design team and a development team both build from, so the same button is the same button everywhe...
Building the page so the core content and functions work with HTML alone, then layering CSS and JavaScript on top for the browsers and connections that can take...
Separating content storage and editing from presentation, so the same content can be delivered through an API to a website, an app or a screen. Key takeaways Wh...
Meeting a defined level of the Web Content Accessibility Guidelines — usually 2.2 Level AA — and being able to show the evidence for that claim. Key takeaways C...
How the content of a site is grouped, labeled and connected, so that someone can predict where a thing will be before they go looking for it. Key takeaways Comm...
Delivering images in a modern format, at the size they are displayed, with the loading behavior that suits their position on the page. Key takeaways Modern form...
Deciding what is stored, where, and for how long — in the browser, at a CDN edge, and inside the application — so repeated work is not repeated. Key takeaways B...
The defenses every web application needs regardless of what it does: input handling, output encoding, authentication, authorization, transport security and depe...
Moving a site to a new platform, domain or structure without losing the rankings, links and traffic the old one had earned. Key takeaways Core requirement: a on...
Showing 156 of 531