如何在用户的浏览器中缓存我的网站？

Question

我发现了许多关于缓存的解释，其中一些甚至有例子，但是，了解它以及如何使用它有点模糊。 我试过多次使用它，但我失败了（我想提高速度，我只想从服务器加载必需的）。 你能帮我把这个页面保存在浏览器的缓存中吗？如果可能的话，请给我一个解释或不同的方法来解决它（它也可以是JS！）？

PS：如果你给我一个适合这个页面的例子，它可以是Appcache;）。

提前致谢。

我的Appcache文件名：offline.appcache。

CACHE MANIFEST

/style.css http://sistema.agrosys.com.br/sistema/labs/CSS_HTML/html1.html

 <!DOCTYPE html> <html lang="en" manifest="/offline.appcache"> <head> <meta name="viewport" content="width=device-width" /> <title>page1</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="testing_class">Test</div> <div class="testing_clas">Test</div> <div class="testing_cla">Test</div> <div class="testing_cl">Test</div> <div class="testing_c">Test</div> <div class="testing_">Test</div> </body> </html>

Answer 1

使用AppCache重新考虑。 使用它并不一定意味着您的网站将脱机工作。 基本上，以下是AppCache采取的步骤，无论浏览器连接状态如何：

询问服务器清单文件。
如果清单文件未更改，则它将提供本地文件。
如果清单文件已更改，则会下载新文件，保存它们然后提供它们。

既然你提到了那个

我想提高速度，我只想从服务器加载所需

AppCache是一个非常有效的解决方案。

编辑：使用AppCache的一个简单示例：

在原始HTML的开头：

<!DOCTYPE html>
<!--[if lte IE 9]>
<style>.scrollingtable > div > div > table {margin-right: 17px;}</style>
<![endif]-->
<html manifest="example.appcache">
    <head>

你只需要标签中的“清单”。 然后，example.appcache文件将是：

CACHE MANIFEST

CACHE:
http://code.jquery.com/ui/1.11.4/themes/redmond/jquery-ui.css
http://code.jquery.com/jquery-1.10.2.js
http://code.jquery.com/ui/1.11.4/jquery-ui.js

NETWORK:
*
http://*
https://*

只需在CACHE部分中包含您的网站使用的任何静态内容。

您还可以在清单文件中放置版本号或日期，以确保浏览器在需要时获取新内容。

Answer 2

缓存用于避免重新加载经常重复使用的文件（跨多个页面或多个会话），但它主要针对属于“资产”类别（CSS，javascript，图像等）的文件，以及预计会保持冷冻状态。 但是，网页（HTML）的内容预计不会被冻结（例如搜索结果等），并且通常尺寸合理，所以没有理由去打扰它（谁仍然有56k连接真的？）。

然后，有HTML“静态页面”的情况，但通常这些页面只包含文本，文本非常轻（除非你有一本完整的书）与其他媒体相比，所以大多数人都不打扰它。

现在，如果你真的想要“缓存”HTML，那么它与保持离线版本完全相同，那为什么不用Appcache？

如何在用户的浏览器中缓存我的网站？

问题描述

2 个解决方案

解决方案1
5 已采纳 2015-06-16 13:25:54

解决方案2
1 2015-06-16 13:33:58

如何在用户的浏览器中缓存我的网站？

问题描述

2 个解决方案

解决方案1 5 已采纳 2015-06-16 13:25:54

解决方案2 1 2015-06-16 13:33:58

解决方案1
5 已采纳 2015-06-16 13:25:54

解决方案2
1 2015-06-16 13:33:58