Estaba leyendo sobre ajax y cómo nos permite intercambiar datos con un servidor detrás de escena y, en consecuencia, evitar recargas de páginas completas. Mi confusión radica aquí, realmente no entiendo qué significan las recargas de página completa. Creo que probablemente se deba a que he estado trabajando con ajax/react desde el principio, supongo, y realmente no he visto ninguna página web mía recargada por completo cuando accedo a cosas desde una base de datos o una API.
Sería genial si alguien pudiera explicar qué son y por qué los necesitábamos antes de ajax.
Una carga de página completa es cuando la página completa se descarga del servidor. Una página normalmente consta de varias secciones: encabezado, pie de página, navegación y contenido. En una aplicación web clásica sin AJAX, un usuario hace clic en un enlace a otra página y tiene que descargar la página completa, aunque solo cambie el contenido principal. El encabezado, el pie de página y la navegación se descargan nuevamente aunque no cambien.
Con AJAX existe la oportunidad de cambiar solo las partes de la página que cambiarán. Cuando un usuario hace clic en el enlace, JavaScript carga solo el contenido de ese enlace y lo inserta en la página actual. No es necesario volver a cargar el encabezado, el pie de página y la navegación.
Esto introduce otros problemas que necesitan atención.
Cuando AJAX inserta contenido nuevo en la página, la URL no cambia. Eso dificulta que los usuarios marquen o vinculen a contenido específico. Las aplicaciones AJAX bien escritas usan history.pushState() para actualizar la URL al cargar contenido a través de AJAX.
Entonces hay dos caminos para llegar a cada pieza de contenido. Los usuarios pueden cargar la URL que contiene ese contenido directamente o cargar el contenido en alguna otra página siguiendo un enlace. Los desarrolladores web necesitan probar y asegurarse de que ambos funcionen.
Los motores de búsqueda tienen problemas para rastrear sitios con tecnología AJAX. Para obtener la mejor compatibilidad, debe emplear la representación del lado del servidor (SSR) o la representación previa para servir el contenido inicial en una carga de página que no requiere JavaScript.
Incluso para Googlebot (que ejecuta JavaScript) se debe tener cuidado para hacer que un sitio con tecnología AJAX sea rastreable. Googlebot no simula las acciones del usuario, como hacer clic, desplazarse, pasar el mouse por encima o mover el mouse.
<a href=...> para la navegación, de modo que Googlebot pueda encontrar otras páginas escaneando el modelo de objeto del documento (DOM). Para los usuarios, JavaScript puede interceptar los clics en esos enlaces y evitar que se cargue la página completa al usar return false del controlador onclick o event.preventDefault() en el controlador de clics.