浏览器缓存？

Question

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

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

我使用的是高速公路作为我的服务器语言和玉作为模板语言。

请注意，如有任何答案，我将不胜感激。

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发送给访问者。