javascript - 如何跨页面只下载一次 google jquery 库和样式表?

标签 javascript jquery html css web

我刚刚将我的第一个网站放到现实世界中进行测试,但我发现它比我预期的要慢很多。在控制台的网络/时间线部分,我发现对于每个页面重定向,用户都必须再次下载 JQuery 库和 CSS。

我的所有 php 文件都有以下两行代码。我想知道只下载一次的最佳方式是什么。

<link rel="stylesheet" type="text/css" href="/css/style.css">


<script type="text/javascript" src="/script/googleapis.js"></script>

最佳答案

如果您的浏览器重新下载 CSS 文件或 JS 库等静态资源,这可能是由于您的服务器设置了错误的缓存策略。

您的访问者应该只在第一页下载这些静态 Assets ,对于您网站上浏览的任何后续页面,这些 Assets 应该从浏览器缓存中加载。它们将出现在控制台的“网络”选项卡中,如下所示: CSS assets load from the browser cache

查看详细说明如何设置缓存过期策略的问题:Set cache expiration?

关于javascript - 如何跨页面只下载一次 google jquery 库和样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35571255/

相关文章:

javascript - TypeError : this. props.match 在组件中未定义

javascript - 根据下拉选择更新图表 - javascript

javascript - 添加针对 IE 浏览器的 CSS 类 : JavaScript or Conditional Comments?

jQuery 异步 | Websql

javascript - 网站页面加载时如何调用 API?

javascript - 尝试 'encapsulate' 可重用的 javascript 代码

javascript - javascript 最好的 2D 图形库是什么?

javascript - 具有嵌套跨度的 jQuery .not() 和 .each()

HTML 输入类型文件不在 chrome 中显示文件名

HTML/CSS 对齐问题