El prerenderizado (Prerender) es una técnica de optimización que consiste en renderizar de forma anticipada, en segundo plano, una página que el usuario probablemente visitará a continuación. Esto incluye el análisis del HTML, la aplicación de CSS y la ejecución de JavaScript. Cuando el usuario finalmente hace clic, la página ya renderizada se muestra de forma instantánea, con una percepción de carga de cero segundos.
Chrome soporta el prerenderizado a través de la Speculation Rules API. Mediante una etiqueta <script type="speculationrules"> en el HTML, se especifican los patrones de URL que deben prerenderizarse. Chrome predice el comportamiento del usuario y prerenderiza los enlaces con mayor probabilidad de ser clicados.
Para las URL acortadas, el prerenderizado puede mejorar drásticamente la experiencia de redirección. Normalmente, al hacer clic en una URL acortada se desencadenan múltiples pasos: resolución DNS, conexión TCP, respuesta de redirección, nueva resolución DNS del destino y carga de la página. Con el prerenderizado activo, todos estos pasos ya se han completado de antemano y la página aparece al instante.
Un aspecto a tener en cuenta es el consumo de recursos. El prerenderizado descarga y procesa la página completa en segundo plano, lo que consume ancho de banda y memoria del dispositivo. En entornos móviles, el aumento del tráfico de datos puede ser problemático, por lo que conviene aplicarlo solo a los enlaces con alta probabilidad de clic.
Como alternativas graduales al prerenderizado existen dns-prefetch (solo resolución DNS), preconnect (DNS + TCP + TLS) y prefetch (solo descarga de recursos). Cada una ofrece un equilibrio diferente entre consumo de recursos y beneficio percibido. Puedes encontrar libros relacionados en Amazon.