个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个关于如何大大加快我的网站速度并减轻我的服务器上缓存对象的负载的想法，但我想知道这是否是一个非常愚蠢的想法，然后我花了一整天的时间思考它!听我说完-
localStorage 对象至少有 2.5 MB(在 Chrome 中为 more here )，这对于大多数小型网站来说已经足够了。这就是为什么我想知道 - 对于小型静态网站，基本上将整个网站保存在一个巨大的 localStorage 文件中并基本上每次从访问者自己的计算机加载网站是否是个好主意？为了更好地解释我的想法，这里有一些伪代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--other head information-->
</head>
<body>
<script>
if (localStorage.getItem('cached_site')!=null) {
document.getElementsByTagName("body")[0].remove();
document.documentElement.innerHTML = localStorage.getItem('cached_site');
//Somehow stop loading the rest of the site (ajax?)
}
else {
//set localStorage var to the source code of the site.
//**This will be fleshed out to data/base64 all image resources as well**
localStorage.setItem('cached_site',document.documentElement.innerHTML);
//load the site as normal
}
</script>
</body>
</html>
这会将 body 的内容保存在名为 cached_site 的本地存储文件中。逻辑上存在一些问题(例如“停止加载网站”部分)，但您明白了。
这值得吗？潜在地，请求可以完全从静态内容中删除，因为它都被加载到用户的计算机上。为了更新内容，也许可以在 else block 中保存和检查另一个值，也许版本号。
我的虚拟主机限制了我每天可以获得的请求数量，这就是我想到这个的原因。这不是什么大不了的事，但却是一个有趣的项目。
最佳答案
这个想法在动态网站上会有问题……您将如何处理动态生成的网页？
另一个想法是将每个页面保存到服务器上的静态 html 文件中，然后提供静态页面，该页面将在需要时重新生成。
您还应该缓存网站的静态部分，即图像、脚本、CSS，并将它们存储在访问者浏览器的缓存中。
在 Apache 中，您可以使用 mod_expires ，然后像这样设置一个 .htaccess 文件:
### turn on the Expires engine
ExpiresActive On
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)(\.gz)?$">
ExpiresDefault "access plus 1 month"
FileETag None
</FilesMatch>
这基本上会将您网站的所有静态部分缓存在访问者的浏览器缓存中，因此他们将停止一遍又一遍地重新获取相同的文件。
您还应该尝试组合您的 CSS/Javascript 文件，理想情况下最终得到 1-2 个 javascript 文件和 1 个 CSS 文件，从而限制每个客户端的请求数量。
我还建议使用雅虎的 YSlow和谷歌的 PageSpeed Tools分析您的网站。它们都包含有关如何加快页面速度的最佳实践 here和 here .
以下是 Yahoo + Google 的一些建议，一目了然:
关于javascript - super 激进的 'caching' 技术，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17119386/
25
4
0
原谅那个疯狂的标题... 我试图理解面向对象编程中继承与接口(interface)的概念。所以我试图将它与我已经知道的东西联系起来，这就是 CSS。 在 CSS 中，您可以选择在允许元素“继承”样式的
我有一个 C 函数，它返回一个表示二进制数据的 unsigned char*。我在文档中注意到 SWIG 有一个很好的类型映射来处理二进制数据作为 C 函数的输入，但是当 C 函数返回二进制数据及其无
过去遇到过几次类似的问题，想知道用什么语言(方法)来解决类似的问题(我是J2EE/java开发人员): 问题:在一组可能的单词中，根据给定的规则(假设单词可以是 A 和 X 的组合，并且始终以 X 开
这个问题不太可能帮助任何 future 的访客；它只与一个小地理区域、一个特定时刻或一个非常狭窄的情况相关，而这些情况通常不适用于互联网的全局受众。如需帮助使这个问题更广泛地适用，visit the
如果我们已经开发了自己的ORM框架并且该框架在过去的几年中运行良好，那么为什么我们要为即将到来的软件项目学习和使用全新的.net技术，例如LINQ或Entity Framework或NHibernat
即使听起来很奇怪，我相信每个人在处理具有大量自定义组件的大型应用程序时都遇到过此类问题。某个地方生成了 AV，但应用程序仍在继续执行，稍后会出现错误。我不是在谈论多线程应用程序。只是关于通用的单线程应
我正在设计一个新项目，我正在尝试找出将数据/事件从服务器应用程序推送到客户端应用程序(即 WPF 应用程序)的方法。 我知道的两个是: 发布/订阅(即 NServiceBus) Full Duplex
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 5年前关闭。 Improve thi
这个问题在这里已经有了答案: C# .NET: How to check if we're running on battery? (6 个答案) 关闭 9 年前。 我发现许多 API 可以帮助确定
没有 JQUERY!我有一个下拉列表，用户可以在其中选择日期、月份和年份。我创建以下代码并使用 setFullYear 将这些值传递到变量中。有时我还会向这个变量添加天数，这就是变量 ev_num 的
我有一个控件，我想在表单和打印时以不同的方式绘制它。这是我做的方式: private void printDocument1_PrintPage(object sender, System.Drawi
我正在尝试确定从扫描文档中提取手写数据的最佳方法。 手写数据位于特定的方框区域。我生成了文档的数字版本，因此我知道方框区域的坐标，并且如果需要还可以生成文档的其他变体(即被屏蔽以使字段更容易提取的版本
背景 对于基于音乐的问题，我深表歉意，但细节并没有那么重要。我正在按顺序浏览一个 midi 文件，我正在寻找一种有效的方法来查找数据中的模式以找到称为连音符的东西。见下图: 连音符上方有数字(3 或
经验丰富的 Java 新手，寻求您的智慧: 如果无法确保在对象超出范围时执行某些特定的 block 代码，那么还有哪些其他方法可以提供相同的功能？(看起来 finalize 显然不是那个意思) 一个典
我正在玩一个小的油漆应用程序。我想创建不同的画笔提示(不仅仅是简单的线条)。基本思想是沿着鼠标移动重复(冲压)画笔 Nib 。因为鼠标移动不会为鼠标移动的每个像素分派(dispatch)所需的事件。我
我正在制作时间表应用程序。重要的类是: Period id: int clazz: Clazz SubjectTeacher subject: String teac
关闭。这个问题需要更多 focused .它目前不接受答案。 想要改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 4 年前。 Improve this q
我有一个奇怪的任务要解决。我们有一个小型视频窗口(如 300x200 像素，256 色调色板)和 44kHz 2ch 声音在服务器上播放。我们需要将此流视频发送给一些客户端(1,2.. 最多 10 个
我很确定我在这里遗漏了一些东西，因为我对 Shapeless 还很陌生并且我正在学习，但是 Aux 技术实际上什么时候开始需要 ?我看到它是用来暴露一个 type通过将其提升为另一个“同伴”的签名来声
微软有什么理由仍然坚持使用 COM 技术(Office 组件仍然是 COM)……当所有用 COM 完成的事情都可以用 .Net 以更好、更有效的方式完成时 最佳答案 因为它需要一个 长完全重写Offi
我是一名优秀的程序员,十分优秀！