El arte de la pausa y el lazy loading nativo en HTML

Regresando al código

Hace un rato me di cuenta de algo importante: llevo demasiado tiempo sin hacer páginas en serio. No es que esté fuera, simplemente estoy en una pausa.

Carga perezosa y la era del atributo

La pregunta inicial fue sencilla: ¿qué debo agregar para que las imágenes se carguen solo cuando son visibles? La respuesta moderna es casi insultantemente fácil. Basta con agregar el atributo loading="lazy" a tus etiquetas de imagen.

El navegador se encarga del resto, cargando la imagen solo cuando está a punto de entrar en el viewport. No hay magia negra ni scripts complejos.

Más allá del código: una pausa necesaria

Aunque no he construido páginas en serio desde 2017, esa sensación de estar «fuera» es solo un efecto de la pausa. La web se ha vuelto más sobria y nativa.

• Lazy loading: Ya no necesitamos JavaScript para esto.
• CSS moderno: Flexbox y Grid son el estándar, no trucos antiguos.
• JavaScript: Usado solo cuando hay una intención clara de hacerlo.

Con tu perfil técnico, lo peligroso no es la falta de experiencia reciente, sino sobreoptimizar antes de tiempo. Hoy en día, muchas cosas simplemente funcionan sin drama.

Un reencuentro con las bases

Volver hoy a hacer una web «clásica»—PHP renderizando HTML, algo de JS discreto y nada de SPA innecesaria—no solo sería válido: sería elegante. No estás oxidado; solo estás un poco desactualizado en los nombres, no en las ideas.

«No estás atrasado, estás desprogramado del caos.»