web

Introducción: por qué las métricas “de laboratorio” no lo son todo

«Lighthouse muestra 100/100, y los usuarios se quejan de lentitud» — ¿dolor conocido?

Las pruebas sintéticas (Lighthouse, WebPageTest) son excelentes para el desarrollo.
Pero el usuario real está:

• en 3G en el metro,
• con 27 pestañas abiertas,
• en un Android antiguo con 2 GB de RAM.

Son precisamente esos escenarios los que registra CrUX — Chrome User Experience Report.
Y CrUX Vis es un visualizador cómodo y gratuito de esos datos, lanzado en 2024.

¡Hola, desarrollador web principiante! 👋
Si apenas te estás sumergiendo en el mundo de la creación de sitios web, seguro ya has oído hablar de LAMP y LEMP. Esas siglas suenan como algo de una película de espías, pero en realidad son la base de la mayoría de los sitios dinámicos que usas a diario.

En este artículo vamos a ver qué son LAMP y LEMP, en qué se diferencian, dónde se usan, y te contaremos sobre un genial stack híbrido — la combinación Nginx y Apache, que une lo mejor de ambos mundos.
¿Listo? ¡Vamos! 🚀

A menudo surge la necesidad de alojar tu sitio, ya sea un blog personal, un proyecto de prueba o un pequeño servicio, directamente en tu ordenador doméstico. Es cómodo, económico y te da control total. Sin embargo, muchos se enfrentan al problema de no tener una IP “blanca” (pública) por parte del proveedor, lo que hace que el acceso directo desde fuera sea prácticamente imposible. Y si la hay, a menudo es dinámica y requiere actualización constante mediante DDNS.

Ya hemos discutido los constructores para un inicio rápido y los sistemas CMS para la máxima flexibilidad. Ahora ha llegado el momento de considerar el tercer enfoque: generadores de sitios estáticos, como Hugo, Jekyll, Gatsby. Este método requiere una comprensión técnica más profunda, pero ofrece ventajas sobresalientes en rendimiento, seguridad y coste.

Generadores estáticos: velocidad, seguridad y economía

Un generador estático es un programa que toma contenido (normalmente en formato Markdown), plantillas listas y activos (imágenes, estilos) y los convierte en un conjunto de archivos HTML, CSS y JavaScript puros. Estos archivos son “estáticos”: no requieren procesamiento en el servidor en cada solicitud del usuario, como ocurre con un CMS. Los sitios estáticos generados se pueden alojar luego en un hosting, incluidos servicios gratuitos como GitHub Pages.

Después de revisar los constructores de sitios, que son ideales para un inicio rápido, pasamos a una solución más potente y flexible: los sistemas de gestión de contenidos (CMS). Son programas que se instalan en el hosting y permiten gestionar el contenido del sitio a través de una interfaz administrativa cómoda, sin recurrir a escribir código para cada página. Los ejemplos más conocidos son WordPress (líder del mercado), Joomla y Drupal.