¿Qué es mejor para la velocidad del sitio web, HTML estático vs JSON?

Es un asunto bastante complicado, y depende del caso de uso. Para su sitio promedio, que consiste en quiénes somos y cómo comunicarse con nosotros, etc., el html estático será definitivamente más rápido, generalmente más rápido que cualquier otra cosa que pueda imaginar, aunque siempre es tentador complicar las cosas.

Pero para sitios más complicados, puede obtener ganancias significativas de una configuración basada en json. Tome Quora como ejemplo: podría compilar la primera página servidor-cliente con php como lo hace, y eso se cargaría bastante rápido. Pero luego podría cargar el contenido completo de todo el contenido en el que se puede hacer clic desde esa página y almacenarlo en caché en el navegador. Cuando tu usuario hace clic en algo, boom, está ahí. Nada sería más rápido que eso, siempre que la CPU local sea razonablemente rápida. Y también hay escenarios noscript para considerar, y el SEO puede ser realmente complicado.

Entonces, no tengo una respuesta clara, me temo. No hay una herramienta única para gobernarlos a todos. Sin embargo, evitar soluciones complicadas cuando es posible siempre me ha servido bien; KISS es una buena regla para vivir … Pero no tenga miedo de usar una solución compleja cuando tenga beneficios tangibles. En resumen, depende, pero más simple suele ser mejor.

Depende de cuántos JSON necesite descargar dentro de una sola solicitud lógica.

Recuerde que cada solicitud HTTP tiene sus conjuntos de encabezados. Con suficientes solicitudes, la cantidad de encabezados que enviará y recibirá puede resultar en una descarga general más grande.

Pero si está estructurando esto para una aplicación ajax, la percepción del usuario de la carga de la página puede ser más rápida, ya que solo necesitará cargar una pequeña parte de la página al principio. La percepción del usuario es una parte importante de la consideración del rendimiento, y es por eso que estamos viendo proliferación de aplicaciones ajax.

Depende totalmente del caso.

Sin duda, si intenta servir JSON como contenido estático pregenerado, será mucho más rápido que la solicitud de fondo habitual.

Puedo sugerir que compruebe la representación del lado del servidor y el caché con ellos, puede lograr muy buenos resultados.

si está usando una base de datos, entonces iría con json, si no usa una base de datos, simplemente use html, aunque normalmente solo combino los dos para obtener un sitio dinámico, eche un vistazo a mi último proyecto, usa solo html y json GroveTravels aunque su trabajo en progreso todavía.

Obviamente JSON, es un mejor enfoque obtener grandes datos del servidor y luego renderizarlos en el lado del cliente mediante el uso del lenguaje Javascript del sitio del cliente.