Comentario: Ya sea un desarrollador de navegador o un desarrollador de aplicaciones web normales, todos están haciendo un esfuerzo conjunto: hacer que la navegación web se sienta más rápido. Existen muchas técnicas conocidas que pueden hacer que su sitio web sea más rápido: use Sprites CSS, use herramientas de optimización de imágenes, use .htaccess para establecer información de encabezado de página y tiempo de caché, compresión de JavaScript, usar CDN, etc.
He introducido algunas técnicas de optimización de velocidad utilizadas en este sitio. En HTML5, ha surgido una nueva característica para optimizar la velocidad del sitio web: Page Resource Preload/Pre-Read (Link Prefect).
¿Qué es la precarga de recursos de la página/pre-lectura (enlace previo)? Explicación de MDN:
La precarga de recursos de la página (Link Prefetch) es una habilidad proporcionada por el navegador, que está diseñada para permitir que el navegador descargue o realice precedentes algunos recursos de documentos durante el tiempo libre, y los usuarios accederán a estos recursos en el futuro. Una página web puede establecer una serie de instrucciones de precarga para el navegador. Cuando el navegador carga la página actual, cargará silenciosamente los documentos especificados en segundo plano y los almacenará en el caché. Cuando el usuario accede a estos documentos precargados, el navegador puede extraerlos rápidamente del caché al usuario.
En pocas palabras, es: deje que el navegador precarga otros recursos (páginas, imágenes, videos, etc.) al que es más probable que el usuario acceda después de acceder a la página actual. ¡Y el método es súper simple!
Método de escritura de preproyección de recursos de página HTML5 (enlace prefectado)
<!-precarga toda la página->
<Link href = "http://www.vevb.com/misc/3d-album/"/> </p> <p> <!-Preload A Page->
<link href = "<a href =" http://www.vevb.com/wordpress/ "> </a>
wp-content/uploads/2014/04/b-334x193.jpg "/>
La función de precarga de recursos de la página HTML5/pre-lectura (enlace prefetch) se implementa a través de etiquetas de enlace. El atributo REL se especifica como pre -Fetch y la dirección que se cargará en el atributo HREF. Firefox Browser también proporciona un soporte de atributos adicional:
<enlace
title = "diseñado para Mozilla" href = "mozspecific.css" _fcksavedurl = "" mozspecific.css " />
<link href = "2.html" />
Prephetch también se puede utilizar bajo los recursos del protocolo HTTPS.
¿En qué circunstancias se deben precargar los recursos de la página?
¿Qué tipo de recursos se cargan en su página y cuándo todo depende de usted? Aquí hay algunas sugerencias:
1. Cuando la página tiene un servicio en forma de diapositiva, precarga/pre-lea las siguientes 1-3 páginas y las 1-3 páginas anteriores.
2. Prueba aquellas imágenes que son comunes a todo el sitio web.
3. Prueba la página siguiente de los resultados de búsqueda en el sitio web.
Prohibir la precarga de recursos de la página (enlace previo)
Hay una opción en el navegador Firefox para prohibir cualquier función de precarga de recursos de página (enlace prefectado). Puedes configurarlo así:
1.user_pref (network.prefetch-next, falso);
2. Precauciones para la precarga de recursos de página (enlace Prefetch)
Aquí hay algunas notas sobre la precarga de recursos de la página (enlace previo):
1. Precaja (Link Preplet) no puede funcionar en todos los dominios, incluida la extracción de galletas entre los dominios.
2. Preceding (Link Prefetch) contaminará las estadísticas de la visita de su sitio web, porque algunas páginas precargadas al navegador pueden no ser visitadas por los usuarios.
3. El navegador Firefox ha brindado soporte para esta tecnología de precarga (Link Prefchetch) desde 2003.
Usando el tiempo libre del navegador para cargar algunos archivos de recursos adicionales, se ve emocionante y peligroso. ¿Quieres probar estas tecnologías?