预加载网站标题横幅&将其添加到缓存

Pre-loading a website title banner & adding it to Cache

本文关键字：添加 缓存 加载 网站 标题      更新时间：2023-09-26

好吧，我建立一个网站已经有一段时间了，我想把蜘蛛网吹掉，可以这么说。

我建立了以下网站:http://pinkgiraffecakes.tk/

您可能已经注意到，加载标题栏需要很长时间。我知道你可以使用Java和CSS预加载图像，但提供的解决方案似乎都适用于其他页面(即在主页上预加载图像，以便它们更快地出现在其他页面上)。

我想做的，是预加载标题栏和所有其他相关的图像，将它们存储到缓存，然后显示主页。

这可能吗?如果是这样，有人可以提供示例代码或链接到教程如何实现这一点。

谢谢。

首先，在使用lazyloading、preloading和shenanigan-loading之前，您应该缩放和优化您的图像。我在你的网站上运行了pingdom，几乎卡住了。

  • 主标题重3.5MB，但可以无损优化到185Kb
  • facebook按钮也有3.5MB的重量，可以优化为68Kb。

我刚从你的主屏幕上删除了7MB。

除此之外，你将1280x720px的图像作为150px x 75px的按钮。您确实需要显示缩放版本，而不是使用固定高度和宽度的原始图像。

相关文章：