Objetivos de aprendizaje
Después de leer este artículo podrás:
- Entender qué entra en el costo de un sitio estático
- Estimar el tráfico mensual de tu sitio con una cuenta simple
- Comparar capas sin costo y planes de pago por su modelo de cobro
Un sitio estático es solo un conjunto de archivos listos: HTML, CSS, JavaScript, imágenes y fuentes. Un servidor web solo entrega esos archivos: ningún código tuyo arma páginas en cada visita, y no hay una base de datos que mantener encendida. Por eso es el tipo de sitio más barato de hospedar, y muchas veces el costo mensual del hosting es cero. Lo que cambia la cuenta es cuánto descargan los visitantes.
Si todavía dudas de que tu proyecto sea estático, lee qué es un sitio estático. Para sitios con servidor, base de datos o panel, la cuenta es otra y está en cuánto cuesta hospedar un sitio web. Los precios y las cuotas de terceros cambian con frecuencia, así que aquí tienes el método. Las cifras de este artículo son hipotéticas, elegidas para facilitar la cuenta. No son precios de ningún proveedor; los valores reales están en las páginas oficiales de precios.
¿Qué entra en el costo de un sitio estático?#
Cuatro conceptos, casi siempre cobrados de formas distintas:
- Transferencia de datos (ancho de banda): los GB que salen del proveedor hacia los navegadores. Es lo que más crece con el éxito del sitio.
- Peticiones: cada archivo descargado cuenta como una. Una página con 25 imágenes, scripts y fuentes genera decenas de peticiones por visita.
- Builds y deploys: si la plataforma genera el sitio a partir de tu repositorio, puede limitar o cobrar minutos de build y cantidad de deploys.
- Dominio: la dirección propia, que se paga al registrador cada año. Mira cuánto cuesta un dominio.
El almacenamiento casi nunca pesa: un sitio estático típico ocupa pocos MB, lejos de cualquier cuota. El certificado HTTPS también suele venir sin costo, porque las plataformas emiten certificados automáticamente.
¿Cómo estimar el tráfico de mi sitio?#
La cuenta básica es:
transferencia mensual (GB) = peso medio de una visita (MB) × visitas al mes ÷ 1000Ejemplo: un portafolio con páginas de 1,5 MB y 20 mil visitas al mes consume unos 30 GB. Un blog con 200 mil visitas y el mismo peso llega a 300 GB.
Para medir el peso, abre la página en el navegador, usa las herramientas de desarrollo (pestaña Red) y mira el total transferido con la caché desactivada. Ese es el peor caso: los visitantes que vuelven descargan menos, porque el navegador guarda el CSS, los scripts y las imágenes. Usa el peor caso para que la factura no te sorprenda.
Para las peticiones, multiplica las visitas por la cantidad de archivos de una página. 20 mil visitas con 30 archivos cada una son 600 mil peticiones al mes.
¿Hasta dónde llegan las opciones sin costo?#
Todas las opciones de abajo sirven un sitio estático sin cobrar nada, dentro de ciertos límites. El tamaño de cada cuota está en la página del proveedor:
| Opción | Qué limita | Atención |
|---|---|---|
| GitHub Pages | tamaño del sitio, ancho de banda mensual (límite flexible) y builds por hora | no permite sitios dedicados principalmente a transacciones comerciales |
| Cloudflare Pages | builds al mes, cantidad de archivos por sitio y tamaño de cada archivo | las funciones en el servidor cuentan en la cuota de Workers |
| Netlify Free | créditos mensuales, que se gastan en ancho de banda, peticiones y deploys | el ancho de banda por sí solo puede agotar los créditos con poco tráfico |
| Vercel Hobby | transferencia y peticiones de CDN al mes | solo para uso personal y no comercial; no se puede comprar uso extra |
| Firebase Hosting (Spark) | almacenamiento y transferencia por día | la cuota diaria limita el total del mes |
| Amazon CloudFront (plan de tarifa plana sin costo) | peticiones, transferencia y almacenamiento en S3 al mes | tú configuras el bucket y la distribución |
Para saber si el portafolio de 30 GB del ejemplo cabe, compara tu estimación con la cuota de cada opción. Cuidado con dos formatos que engañan. Las cuotas diarias hay que multiplicarlas por 30: suponiendo 300 MB al día (valor hipotético), el mes permite solo unos 9 GB. Las cuotas en créditos hay que pasarlas a GB: suponiendo 200 créditos al mes y 10 créditos por GB, el ancho de banda por sí solo agota la cuota en 20 GB, por debajo de los 30 GB del ejemplo.
¿Cuánto cuesta cuando el sitio crece?#
Cuando el tráfico supera la cuota o el sitio se vuelve un negocio, entran los planes de pago:
| Opción | Modelo de cobro | Qué vigilar |
|---|---|---|
| Netlify (planes de pago) | cuota mensual con un paquete de créditos | cuántos GB rinden los créditos si todo va a ancho de banda |
| Vercel Pro | cuota mensual por puesto, con cuota de transferencia y de peticiones | el precio del GB excedente |
| Firebase Hosting (Blaze) | por uso, por encima de la cuota sin costo | el precio por GB transferido y por GB almacenado |
| Amazon CloudFront (planes de tarifa plana) | cuota mensual con cuota de peticiones y de transferencia | qué pasa al superar la cuota |
| Cloudflare Workers Paid | cuota mensual mínima para código en el servidor | si los archivos estáticos entran en el cobro |
Esta es la cuenta de un sitio con 100 GB al mes, páginas de 1,5 MB y 20 archivos por visita (unas 67 mil visitas y 1,3 millones de peticiones), con precios hipotéticos:
- Plan por créditos: suponiendo 10 créditos por GB y 1 cada 10 mil peticiones, son 100 GB × 10 = 1.000 créditos de ancho de banda, más unos 133 créditos de peticiones. Unos 1.133 créditos en total: el plan que elijas tiene que incluir al menos eso.
- Plan por uso: suponiendo US$0,10 por GB por encima de una cuota sin costo de 9 GB al mes, (100 − 9) GB × US$0,10 = US$9,10 al mes.
- Plan con cuota fija: entra en la capa sin costo si el sitio no es comercial y la cuota de transferencia supera los 100 GB; si es comercial, se aplica la cuota mensual del plan de pago.
El mismo sitio puede costar cero o una cuota mensual completa según el proveedor y el uso. Por eso la estimación de tráfico va antes de la elección. Para comparar criterios más allá del precio, mira cómo elegir un proveedor de hosting.
¿Cuáles son los costos ocultos?#
- Uso comercial en un plan personal: una tienda o la landing page de un cliente no caben en capas no comerciales. Cambiar de plan con prisa sale más caro.
- Picos de tráfico: una publicación viral o una ola de bots puede reventar la cuota. En los planes por uso la factura sube; en los planes con tope, el sitio puede quedar fuera de línea hasta que empiece el mes siguiente.
- Funciones fuera de lo estático: formularios, funciones en el servidor, optimización de imágenes y análisis de visitas suelen tener cuotas propias, cobradas aparte.
- Builds: los sitios grandes hechos con un generador de sitios estáticos pueden gastar la cuota de builds o los créditos de deploy.
- Tipo de cambio: si tu tarjeta no está en dólares, el banco suma el tipo de cambio y muchas veces una comisión por compra en el exterior.
¿Cómo pagar menos por el mismo sitio?#
El camino más corto es reducir el peso de cada visita. Las imágenes son la mayor parte del tráfico en la mayoría de los sitios: conviértelas a WebP o AVIF y sírvelas al tamaño en que aparecen en la pantalla. Quita las fuentes y los scripts que no usas.
Después, aprovecha la caché. Los archivos con hash en el nombre (como app.3f9a2c.js) pueden recibir un Cache-Control largo, y el visitante que vuelve no descarga todo otra vez. Mira qué es Cache-Control. Una CDN sirve los archivos cerca del visitante y suele venir incluida en las plataformas mencionadas.
Por último, saca los archivos grandes del sitio. Los videos y las descargas pesadas están mejor en un servicio de video o en object storage que consumiendo la cuota de ancho de banda del hosting del sitio.
Cómo hacerlo en Square Cloud#
En Square Cloud, la cuenta de GB y peticiones de este artículo no cambia el precio. El tráfico es ilimitado en todos los planes, sin cobro por ancho de banda ni por petición (política de uso justo): pagas el valor del plan, en reales, por Pix o tarjeta. Todos los planes son de pago; el Hobby empieza en R$12,49 al mes, con 1 GB de RAM, y sirve para bots y sitios.
Entre diversos runtimes, como Node.js, Python y Go, hay uno para sitios estáticos. En él nginx está siempre en línea sirviendo tus archivos y ningún código tuyo se ejecuta en el servidor, así que el sitio cabe en el mínimo de una aplicación web, 512 MB del pool de RAM del plan. Tampoco hay minutos de build que pagar: la plataforma no tiene etapa de build, así que generas la carpeta en tu equipo o en CI y la subes como ZIP, con la CLI o desde GitHub. Un nuevo commit, una subida o una edición en el administrador de archivos quedan en línea al instante, sin reinicio. Consulta los runtimes disponibles hoy en Runtimes.
Todos los planes incluyen CDN global, TLS automático y analytics web sin cookies, con visitas, rutas y países, un recurso que, como viste arriba, suele tener cuota propia en otras plataformas. Toda aplicación web recibe un subdominio *.squareweb.app con HTTPS; el dominio personalizado está disponible desde el Standard (R$44,99 al mes), con los registros DNS que muestra el panel creados en tu registrador. Para publicar, empieza por el runtime de sitios estáticos.
Hosting de sitios web
Sitios estáticos y SSR con TLS automático y CDN global
Preguntas frecuentes
¿Se puede hospedar un sitio estático sin pagar nada?
Sí. GitHub Pages, Cloudflare Pages, Netlify, Vercel y Firebase Hosting tienen capas sin costo para sitios estáticos. Cada una tiene límites de tráfico, de builds o de uso comercial, así que lee las condiciones antes.
¿Cuánto tráfico consume un sitio estático pequeño?
Multiplica el peso medio de una visita por el número de visitas. Un sitio con páginas de 1,5 MB y 20 mil visitas al mes consume unos 30 GB, o menos si el navegador guarda los archivos en caché.
¿Puedo usar una capa sin costo para un sitio comercial?
Depende del proveedor. El plan Hobby de Vercel es solo para uso personal y no comercial, y GitHub Pages no permite sitios dedicados principalmente a transacciones comerciales o comercio electrónico.
¿El dominio está incluido en el precio del hosting?
Casi nunca. El dominio se paga al registrador, cada año, aparte del hosting. El certificado HTTPS, en cambio, suele emitirlo el hosting sin costo.
Más en Sitios web
Ver los 20 artículos- Qué es un sitio estático y cómo hospedarloUn sitio estático es un conjunto de archivos HTML, CSS y JavaScript ya listos, entregados igual a todos los visitantes. Mira cómo funciona y dónde hospedarlo.
- ¿Cuánto cuesta hospedar una página web?Hospedar una página web cuesta desde cero hasta unas decenas de dólares al mes. Mira qué entra en la cuenta: hosting, dominio, tráfico y extras, con límites reales.
- ¿Qué es un servidor web? Nginx, Apache y NodeUn servidor web es el software que recibe peticiones HTTP y devuelve páginas, archivos o respuestas de API. Mira cómo funciona y cuándo usar Nginx, Apache o Node.js.
- Sitio estático o dinámico: diferencias y cuándo usar cada unoUn sitio estático entrega archivos listos, iguales para todos; uno dinámico genera la página en cada petición. Compara velocidad, costo, seguridad, SEO y usos.