Saltar al contenido
Escríbenos por WhatsApp (se abre en una pestaña nueva)
Demostración · datos ficticios Boletín semanal por suscripción

Signal Weekly

La misma clase de página, construida al revés, y lo que se paga por eso

Signal Weekly es la única de las nueve piezas construida como una aplicación de React. No está aquí por casualidad: está para poner los dos caminos al lado y dejar que los números hablen.

Captura de la portada del sitio de Signal Weekly (demostración · datos ficticios).
signal-weekly-eta.vercel.app: la captura es del sitio tal como está publicado hoy.
Construido con
React 19 + Vite 7
Páginas
1
Descarga inicial
150 KB

Qué es la pieza

Una página de una sola hoja para un boletín semanal de paga: el titular, el campo para dejar el correo, una tarjeta que muestra cómo se ve la edición en la bandeja de entrada, tres razones para suscribirse, tres notas de muestra, testimonios que rotan y el cierre. Está bien terminada y se ve muy bien; el cuidado tipográfico es el mayor de las ocho.

Lo que la hace distinta no se ve: está construida como una aplicación. El navegador no recibe la página, recibe un programa que la fabrica. Para el visitante con buena conexión no hay diferencia perceptible. Para todos los demás, y para Google, sí la hay, y se puede medir.

Los dos caminos, medidos con la misma regla

La columna de la izquierda es esta pieza. La de la derecha es Lindero Ámbar, que es una página de una sola hoja comparable de las otras ocho. Los dos números salieron de pedirle los archivos al sitio publicado.

Descarga inicial de Signal Weekly
150 KBDescarga inicial de Signal Weekly
Descarga inicial de Lindero Ámbar
55 KBDescarga inicial de Lindero Ámbar
Palabras de texto en la página servida
0Palabras de texto en la página servida
Lo que recibe un buscador antes del programa
1.4 KBLo que recibe un buscador antes del programa

Qué significan esos números, en castellano

Cuando un buscador (o el que tiene el teléfono con señal mala, o el que entró desde el metro) pide esta página, lo que llega son mil cuatrocientos bytes y un programa de ciento cuarenta kilobytes. La página, hasta que ese programa termina de ejecutarse, está en blanco. Ni el titular, ni el precio, ni el botón: nada.

En las otras ocho piezas, el texto va escrito en la página desde el primer momento. Llega primero, se lee siempre, y si el programa falla o tarda, la página igual dice lo que tiene que decir. Es la misma diferencia que hay entre mandar una carta y mandar una máquina que escribe la carta al llegar.

Que quede claro: React no está mal. Para una aplicación de verdad (un panel, un tablero, algo con sesión y estado) es la herramienta correcta, y esta pieza está bien construida dentro de esa elección: incluso difiere una librería para no descargarla hasta que se usa. Lo que decimos es lo que medimos: para una página que sobre todo tiene que ser leída y encontrada, ese camino cobra un peaje que la otra no cobra.

Por qué esta ficha cuenta también lo que no salió bien

Podríamos haber dejado esta pieza afuera del portafolio, o describirla sin mencionar nada de esto. Está aquí y con los números adelante porque así es como trabajamos: medimos, incluido lo nuestro, y decimos lo que dio. Cuando alguien nos pregunte por qué recomendamos una tecnología y no otra, la respuesta no va a ser una opinión: va a ser esta tabla.

Signal Weekly no existe

Es una marca inventada por nosotros para esta demostración. El nombre, el logotipo, los textos, los teléfonos, los correos, los domicilios y todas las cifras que aparecen en el sitio son datos ficticios: no hay ninguna empresa detrás y no fue un trabajo para un cliente. Lo construimos entero para mostrar cómo resolvemos este tipo de problema. El sitio está fuera de los buscadores a propósito, para que una marca que no existe no compita en Google con negocios que sí.

Qué demuestra

Demuestra que elegimos la tecnología con una medición atrás, y que estamos dispuestos a publicar la medición aunque el resultado no favorezca a la pieza que estamos mostrando.

Así trabajamos las páginas web para negocios: diseño, hospedaje y administración.