2014-06-24 4 views
11

Mit Blick auf Chrome DevTools auf http://www.polymer-project.org/docs/polymer/polymer.html bemerke ich ein paar interessanten, neugierig, und unerklärliche Dinge:Web Component - Interner Browser Caching

  1. Der Browser speichert die tatsächliche Polymerkomponente, so dass nachfolgende <link rel="import" fordert, dass die Komponente don Ich brauche die Server-Rundreise nicht.

  2. Der Browser speichert diese Komponenten als Daten URLs

enter image description here

enter image description here

Offensichtlich tun dies im Cache gespeicherten Komponenten Laden macht sehr schnell (0 ms Latenz)

enter image description here

Meine Fragen

  1. Wie kann ich steuern das Caching meiner Komponenten, so dass die Cache-Speicher, wenn/falls erforderlich für ungültig erklärt werden kann? (Blick auf die Spezifikation http://www.w3.org/TR/2014/WD-html-imports-20140311/ Ich sehe keine Erwähnung von Caching)

  2. Würde es sich lohnen, meine gesamte Website-Struktur in Web-Komponenten (alias "Widgets") zu brechen, so dass die verschiedenen Teile meiner Website dies laden schnell? Beispiel: Anstatt immer das gleiche Layout mit dem gleichen nav bereitzustellen, stelle ich es nur mit einer <my-nav> Komponente bereit, wobei die Daten für das nav (wo es Sinn macht) alle in der Komponente selbst enthalten sind und somit keine Interaktion mit Der Server wurde einmal zwischengespeichert.

Antwort