DEV Community

Cover image for Client Side Rendering (CSR). ¿ReactJS es lento?
Sebastian Noguera
Sebastian Noguera

Posted on • Edited on

Client Side Rendering (CSR). ¿ReactJS es lento?

Para iniciar te recomiendo que leas mi Post anterior
en el que tendrás un poco más de contexto acerca del CSR y las otras estrategias de rendering.

Ahora sí, para comenzar, hay que hablar desde el inicio, de donde nace el CSR y por qué?

El CSR (Client Side Rendering) se originó como un enfoque de renderizado de aplicaciones web en el lado del cliente. Este enfoque comenzó a utilizarse ampliamente en el desarrollo web a medida que las aplicaciones web se volvieron más interactivas y dinámicas.

El CSR se popularizó en gran medida gracias al avance de las tecnologías JavaScript y los frameworks de desarrollo web como Angular, React y Vue.js. Estas tecnologías permiten que la lógica del cliente se ejecute en el navegador web del usuario, lo que significa que la renderización de la interfaz de usuario y la manipulación de datos se realizan en el lado del cliente.

El objetivo principal del CSR es mejorar la experiencia del usuario al cargar y usar una aplicación web. Al renderizar la interfaz de usuario en el lado del cliente, se pueden lograr interacciones más rápidas y fluidas, ya que no es necesario ejecutar solicitudes al servidor para obtener nuevas páginas o datos. En lugar de eso, la aplicación web se carga en su totalidad en el navegador y las actualizaciones posteriores se efectúan en el cliente.

Sin embargo, el CSR también tiene algunas desventajas. Debido a que la renderización se lleva a cabo en el lado del cliente, es posible que los usuarios tengan una experiencia inicial más lenta, ya que deben descargar todo el código de la aplicación antes de que esta se pueda cargar y ejecutar. Además, el CSR puede presentar desafíos en términos de SEO (Optimización para Motores de Búsqueda), puesto que los motores de búsqueda pueden tener dificultades para indexar y rastrear el contenido generado dinámicamente.

Datos

En cuanto a las estadísticas, se ha demostrado que el CSR puede mejorar significativamente la experiencia del usuario. Según un estudio de Akamai, una empresa líder en servicios de distribución de contenido, la demora en la interacción de los usuarios se reduce en un 10% con el CSR en comparación con el server side rendering (SSR). Además, un informe de Google indicó que el CSR puede reducir el tiempo de renderizado en un 30% en comparación con el SSR.

Las empresas líderes en tecnología, como Facebook y Airbnb, han adoptado el CSR en sus aplicaciones web para mejorar el rendimiento y la experiencia del usuario. Además, frameworks populares como React y Angular brindan soporte para el CSR.

Conclusión

En resumen, el CSR (Client Side Rendering) nació como una solución para mejorar la experiencia del usuario en aplicaciones web al realizar la renderización en el lado del cliente. Este enfoque se ha vuelto popular gracias a las tecnologías JavaScript y los frameworks de desarrollo web, y tiene como objetivo proporcionar interacciones rápidas y fluidas. Sin embargo, también presenta desafíos en términos de rendimiento inicial y SEO.

Top comments (0)