Comentario: Precedinging es un mecanismo de navegador que utiliza el tiempo de inactividad del navegador para obtener pre-descendente/cargar las páginas/recursos que es probable que los usuarios naveguen a continuación. Cuando el usuario accede a un enlace precargado, si golpea desde el caché, la página se puede representar rápidamente.
Una de las formas en que los fabricantes y desarrolladores de los navegadores trabajan juntos es hacer que el sitio web sea más rápido. Ahora hay muchas soluciones de aceleración bien conocidas: sprites CSS (sprites CSS, rompecabezas) y optimización de imágenes, archivos de configuración distribuidos (.htaccess), compresión de archivos js/texto, aceleración de CDN, etc.Cubrí en otra publicación de blog sobre cómo hacer un sitio web más rápido.
Firefox promueve una nueva estrategia de aceleración del sitio web: precarga de enlace. ¿Qué es la precarga del enlace? La descripción de MDN es la siguiente:
La precarga es un mecanismo del navegador que utiliza el tiempo de inactividad del navegador para obtener prioridad/cargar páginas/recursos que los usuarios probablemente naveguen. La página se proporciona al navegador que necesita ser precargado. Una vez que el navegador complete la carga de la página actual, la página que debe precargarse se descargará en segundo plano y se agregará a la memoria caché. Cuando un usuario accede a un enlace precargado, si se presiona desde el caché, la página se representa rápidamente.
Descripción general simple: el sitio web permite que el navegador descargue la página/documento/imagen especificada según el análisis del usuario, que es muy fácil de implementar:
Etiquetas de precarga de HTML5
<!-página, puede usar rutas absolutas o relativas->
<link href = "page2.html" />
<!-Las imágenes también pueden ser otros tipos de archivos->
<link href = "sprite.png" />
En el código HTML anterior, podemos ver que la precarga usa la etiqueta <link> y especifica el atributo rel = prefetch, y el atributo href es la ruta de archivo que debe precargarse. Mozilla también implementa algunas propiedades similares de enlace REL:
<link href = "mozspecific.css" />
<link href = "2.html" />
Nota: El protocolo HTTPS también es compatible.
Cuando se precarga
Si el sitio web está precargado depende de sus necesidades, aquí hay algunas sugerencias:
- Si se muestran una serie de diapositivas de página así, entonces se pueden precargar de 1 a 3 páginas.
- Cargando imágenes que son comunes en el sitio web
- precarga la página siguiente en la página de resultados de búsqueda
Precarga
Firefox permite prohibir el modo de precarga, el código es el siguiente:
user_pref ("network.prefetch-next", falso);
Cosas a tener en cuenta
Con respecto a la precarga del enlace, existen las siguientes precauciones:
- La precarga se puede realizar en todos los dominios, por supuesto, las cookies y otra información también se enviarán durante la solicitud.
- La precarga puede destruir las estadísticas del sitio web sin acceder realmente al usuario.
- Mozilla Firefox es actualmente el único navegador que admite el modo de precarga (2003-2010)
¿Qué opinas? Descargar archivos adicionales usando el tiempo libre es una optimización agresiva