La web descomunal de un estudio de contenido, hecha para abrir rápido desde el continente

20 líneas de servicio, muchos píxeles y un cortafuegos

HubStudio es una casa de producción de contenido, con estudios en Hong Kong, Shanghái, Changsha y Filipinas. Su web tiene que sostener todo el catálogo: 20 líneas de servicio, muestras de trabajo, motion graphics, y lo demás. Es una web amplia y muy visual por naturaleza, porque el producto, en sí, es visual.

Dos de esos estudios están en el continente. Como buena parte de las marcas, agencias y fabricantes para los que HubStudio produce. Una web pesada alojada en el extranjero carga con lentitud desde China, y para un estudio cuyo propio trabajo hace de escaparate, la lentitud da la peor primera impresión.

El tamaño del catálogo no ayudaba. Más páginas, más imágenes, más sitios donde una dependencia extranjera puede frenarlo todo tras el cortafuegos.

Cliente	HubStudio
Sector	Casa de producción de contenido
Estudios	Hong Kong, Shanghái, Changsha, Filipinas
Plataforma	Web grande de varias páginas, 20 líneas de servicio
Servicios clave	Auditoría, Implementación del diseño, Alojamiento en China, Integración, Mantenimiento

La auditoría: por dónde pierde velocidad una web grande

Una web grande falla tras el cortafuegos de mil maneras pequeñas a la vez. Las cartografiamos todas desde una conexión continental.

Problema	Solución
Cientos de imágenes pesadas por todo el catálogo	Reprocesadas a WebP, dimensionadas correctamente, con carga al desplazarse
Alojamiento situado fuera de China	Traslado al continente con registro ICP
Bobinas de demostración e integraciones bloqueadas o lentas	Sustituidas por una distribución compatible con China
Scripts y tipografías que bloquean el renderizado, venidos del extranjero	Alojados localmente y diferidos

La solución: aligerar todo el catálogo

Rehicimos la distribución en toda la web, no solo en la página de inicio. Cada imagen se reprocesó y solo se carga bajo demanda: el visitante solo descarga aquello que desplaza. Las bobinas de demostración pasaron a reproductores que funcionan en China. Las tipografías y los scripts se recuperaron y dejaron de bloquear el primer renderizado.

El alojamiento se trasladó al continente, se tramitó el ICP, y se rastreó y sustituyó cada dependencia extranjera. En una web de este tamaño, esa es la parte ingrata, y la que decide si abre en dos segundos o en doce.

El resultado: un escaparate que abre como tal

Todo el catálogo de HubStudio carga ahora rápido desde China. Las 20 líneas de servicio, las muestras de trabajo, el motion graphics, servidos sin espera a las marcas y los estudios del continente con los que el equipo trabaja a diario.

Una casa de producción se juzga por su propia producción. La web por fin va tan rápido como el trabajo que muestra.

«Nuestra web es básicamente nuestra bobina de demostración, y se arrastraba para cualquiera que la abriera desde China, o sea la mitad de nuestro mundo. Ahora todo carga rápido, página tras página.»

Kevin H., director de estudio, HubStudio