Ich versuche, eine Datei aus meiner Webanwendung zu cachen. Zur Zeit verwende ich grunt, um die Version auf meine Ressourcen zu setzen: myFile.js? < version>Ressourcen wurden nicht aus dem Cache geladen
Aber in Chrome Konsole, kann ich sehen, dass es nicht aus dem Cache geladen wird:
Das ist mein index.html:
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes">
<!-- Infos -->
<link rel="icon" sizes="192x192" href="FrontEnd/Ressources/img/logo-app.png" />
<link rel="shorcut" sizes="192x192" href="Ressources/img/logo-app.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="FrontEnd/Ressources/img/logo-app.png" />
<!-- Javascript -->
<script src="FrontEnd/Ressources/js/[email protected]@XXXX-source-version"></script>
<script src="FrontEnd/[email protected]@XXXX-source-version"></script>
<!-- CSS -->
<link rel="stylesheet" media="screen" type="text/css" href="FrontEnd/Ressources/css/[email protected]@XXXX-source-version" />
</head>
Wie kann ich reduzieren Ladezeit und wird es aus dem Cache geladen (vielleicht wie diese Datei)?
Das sieht eher wie ein Zeitstempel als eine "echte" Versionsnummer aus. Haben Sie bei nachfolgenden Anforderungen für die Seite, auf der diese Ressourcen eingebettet sind, diesen Wert bestätigt? – CBroe
Ja, es ist ein Zeitstempelwert, aber dieser Wert ist jedes Mal, wenn ich mein Projekt erstelle, behoben. Ich teste in einer Pre-Prod-Umgebung. Ich bin sicher, dass dieser Wert erhalten bleibt. – Alexandre
Überprüfen Sie die HTTP-Antwortheader. Möglicherweise ist der zugrunde liegende Server nicht ordnungsgemäß eingerichtet, um die erforderlichen Header überhaupt zu generieren. (Ich denke Dinge wie Last-Modified, ETag, Expires, etc.) – CBroe