Maison  >  Article  >  interface Web  >  Html5 Qu'est-ce que le prélecture/prérendu ? Présentation du prélecture/prérendu en HTML5

Html5 Qu'est-ce que le prélecture/prérendu ? Présentation du prélecture/prérendu en HTML5

零下一度
零下一度original
2017-05-09 10:59:323085parcourir

Le titre de l'article, Born for Affiliate, est en fait exagéré.

prerender / prefetch

est en fait destiné à améliorer la vitesse de chargement des pages Web, mais il l'a fait. a toujours été obtenu grâce au préchargement. Des moyens d'améliorer l'expérience utilisateur, par exemple, si un utilisateur reste sur la page d'accueil pendant 2 secondes et que pendant ces 2 secondes, nous avons déjà chargé une page que l'utilisateur souhaite ouvrir, alors l'utilisateur l'ouvrira. très rapidement. L'expérience utilisateur est également excellente

HTML5 Explication du nom de pré-rendu/prélecture

utilisation de la prélecture :

It should be used for fetching and caching resources for later user navigation as per the official HTML5 spec (i.e. prefetching a css file to be used in a page which highly likely to be used by the user in his upcoming navigation). Supported in Chrome, Firefox & IE.

Pour faire simple, il s'agit de mise en cache La ressource d'une page Web est une nouvelle fonctionnalité de HTML5. Les navigateurs pris en charge sont Chrome (13 et versions ultérieures), Firefox, IE 11

. Utilisation du pré-rendu :

It should be used for prerendering a complete page that the user will highly likely navigate to it in his upcoming navigation (i.e. like prerendering the next article where it is highly likely that the user will click on “next article” button). Supported only in Chrome & IE.

Le pré-rendu est une invention de Google. Il améliore les utilisateurs et réduit le temps d'attente de l'utilisateur lors du chargement. Il utilise le principe de correspondance la plus proche pour charger des articles tels que ". page suivante". Par exemple, la meilleure recommandation, lorsque l'utilisateur visite la page A, la plus grande de l'utilisateur. Si la page suivante que vous pouvez visiter est B, préchargez la page B pour obtenir l'effet d'améliorer la vitesse de chargement. Les navigateurs pris en charge sont Chrome , IE11

Comment utiliser

is actually part of the HTML 5 spec.
appears to be Google doing their own thing.

Première méthode intermédiaire consiste à ajouter le lien ci-dessus à xxx

La deuxième méthode consiste à utiliser l'injection de code JS

var myHead = document.getElementsByTagName(‘head’)[0];
var myLink = document.createElement(‘link’);
myLink.setAttribute(‘rel’, ‘prerender’);
myLink.setAttribute(‘href’, ‘http://apple.com/ipad’);
myHead.appendChild(myLink);
ou utilisez la méthode Jquery :

$(“head”).append(‘www.guoli.biz/’);
Oui Si vous avez des questions, veuillez laisser un message

[Recommandations associées]

1 .

Tutoriel vidéo en ligne h5 gratuit

2

Manuel de la version complète HTML5

3.

Tutoriel vidéo HTML5 original php.cn

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn