资源未从缓存加载

时间:2016-08-10 09:58:36

标签: javascript html angularjs caching cache-control

我尝试从我的Web应用程序缓存一些文件。目前我使用grunt将版本放在我的资源上:myFile.js? <版本>

但是在Chrome控制台中,我可以看到它没有从缓存中加载:

enter image description here

这是我的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/XXXX.min.js?ver=@@XXXX-source-version"></script>
    <script src="FrontEnd/config.js?ver=@@XXXX-source-version"></script>

    <!-- CSS -->
    <link rel="stylesheet" media="screen" type="text/css" href="FrontEnd/Ressources/css/XXXX.min.css?ver=@@XXXX-source-version" />
</head>

如何减少加载时间,是否从缓存加载(可能就像这个文件一样)?

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以在Google中指定启用开发工具时禁用缓存。也许你已经检查了这个? dev tools window

-version后缀可能是cullprit,如果该数字针对它未被缓存的每个请求而更改。这就是该后缀的唯一目的:使url唯一并禁止从缓存中加载过时的版本。如果它是相同的,它应该被缓存。

我个人检查非开发人员机器上的事物缓存或启动未调整的VM。这样我确信它是一个更正常的环境,例如没有尽可能少地调整缓存的环境。