浏览器缓存？

Question

最近我注意到我的网站加载速度很慢。我想在网络缓存中部分处理这个问题。我对微处理器L1缓存有深入的经验，但是当谈到浏览器缓存时，我对缓存的了解突然停止了。这引出了我的问题，它有两个部分：

1. 如何在浏览器中缓存整个html页面？
2. 如何在浏览器中缓存单个图像，如徽标？

我使用expressjs作为我的服务器语言，使用jade作为模板语言。

请注意，我希望得到任何答案的解释。

Answer 1

感谢节点和快递的广泛社区，幸运的是已经有了一个简单的解决方案。

var oneDay = 86400000;
app.use(compress()); //npm install compression --compresses server response
//maxAge for cache storage
app.use(express.static(__dirname + '/css/backgrounds', {maxAge: oneDay}));
app.use(express.static(__dirname + '/icons', {maxAge: oneDay}));

立即，显着改善网站的速度！

Answer 2

JavaScript有一个预加载功能，可以为你做到这一点;然而，速度总体上不会更快。这些东西仍然需要下载给访问者。最好通过减少过量来调整负载速度。

从代码中删除任何膨胀，尽可能减少，并确保您使用的图像实际上是您在浏览器中显示的大小。如果您使用5MB图片，但在HTML中将其调整为320x240，则仍需要在显示图像之前将整个5MB发送给访问者。