Was ist die richtige Methode, um eine neue prerender-oder prefetch-in HTML?
<!DOCTYPE html>
<meta charset="utf-8">
<title>An HTML Document</title>
<link rel="prefetch" href="https://www.apple.com/">
<link rel="prerender" href="https://www.apple.com/">
<script>
document.addEventListener('click', function () {
//Prerendering https://www.apple.com/ipad on Chrome.
//...
//Prefetching https://www.apple.com/ipad on Firefox.
//...
}, false);
</script>
Wenn die Seite geöffnet wird, https://www.apple.com/ ist vorab gerenderte und zuvor abgerufener auf verschiedenen Browsern. Wenn das Dokument angeklickt wird, ich hoffe, prerender und prefetch anderen Seite, https://www.apple.com/ipad.
Scheint es, haben wir 2 Verfahren zur Auswahl. Wir können entweder ersetzen die URLs in der aktuellen 2 link
Elemente. Oder fügen wir 2 neue link
Elemente in head
element.
Was ist die richtige Methode, um eine neue prerender in HTML?
Was ist die richtige Methode, um eine neue prefetch-in HTML?
Habe ich versucht zu ersetzen prerender link
element die URL von https://www.apple.com/ zu https://www.apple.com/ipad auf Chrome. Ich drehte mich von Chrome Task-manager auf und fand, dass https://www.apple.com/ipad war nicht prerednered. Das nur vorab gerenderte Seite ist noch https://www.apple.com/. So es scheint, dass diese Methode nicht funktioniert?
Du musst angemeldet sein, um einen Kommentar abzugeben.
<link >
ist eigentlich ein Teil der HTML 5 Spezifikation.<link >
zu sein scheint Google sein eigenes Ding macht.Justin ist falsch. Sie brauchen beide prefetch und prerender (oder zumindest ein polyfill, dass Ausgang) als FF unterstützt prefetch und Chrome unterstützt prerender.
<link href="http://example.com/">
?Zunächst, Sie verwirrt mich ein wenig mit der Vermischung zwischen
prefetch
&prerender
Verwendungen. Ihre Verwendungen sollte wie folgt sein:prefetch
Verwendung:Es sollte verwendet werden für das abrufen und Zwischenspeichern der Ressourcen für die spätere Benutzer-navigation pro die offiziellen HTML5-Spezifikation (z.B. prefetching eine css-Datei verwendet werden, in einer Seite, die mit hoher Wahrscheinlichkeit verwendet werden, die der Nutzer in seinem kommenden navigation). Unterstützt Chrome, Firefox & IE.
prerender
Verwendung:Sollte es verwendet werden, für die zur Pre-rendering-eine komplette Seite, die der Nutzer wird sehr wahrscheinlich zu navigieren, um es in seinem kommenden navigation (also wie zur Pre-rendering der nächsten Artikel, wo ist es sehr wahrscheinlich, dass der Benutzer klicken Sie auf "Nächster Artikel" button). Unterstützt, nur in Chrome & IE.
Zurück zu deiner Frage, können Sie hinzufügen, die browser-Hinweise (also wie die beiden
link
Sie verwendet) so viele, wie Sie wirklich brauchen, nicht missbrauchen, denn Sie sind Ressourcen-schwer.So können Sie injizieren Ihre Hinweise, wenn die Seite generiert wird (wie das, was Sie getan haben), oder Sie können injizieren Sie an Laufzeit mit javascript so:
Für ein besseres Verständnis für das, was Sie tun können, mit allen
"pre-"
leckereien finden Sie in diesem genialen Präsentation von google.1) Sie brauchen nicht zu verwenden, sowohl prefetch und prerender-links, müssen Sie nur prerender. Ein prerender-link geladen werden, die alles, was prefetch bedeutet, und mehr.
2) um deine Frage Zu beantworten, verwenden Sie Methode 2, und legen Sie eine andere prerender-link mit javascript. Etwas diesem link:
Oder wenn Sie jQuery verwenden: