在.png图像中发送信息，然后通过javascript提取？

在谷歌搜索了一段时间后，我的问题没有任何运气或指导

我希望能够使用javascript、ajax加载网站，以减少服务器从客户端请求的数量。我的目标是在图像中嵌入/编码数据，这样只有客户端需要通过ajax调用请求该图像，然后进行解码以找到所需的js、css和其他文件。然后将js、css和其他文件插入DOM。

如果我能做到以上几点，那么我就可以在如何加载我的webapp上有很大的灵活性，并能够通知用户webapp离准备好观看有多近

目前我的问题是无法找到如何在图像中对数据进行编码。

即使这不是提供网络应用程序的方式，我的好奇心也会占据上风，我真的很想这样做

任何指导或指点都将不胜感激

---

另外：我正在学习Python，所以如果你知道我可以使用的Python模块，那就太酷了。目前我正在玩这个模块，看看是否可以做到这一点。

坦率地说。不要那样做

地球上最聪明的人使用其他方法来减少请求数量和响应时间。减少请求数量的最常用技术称为绑定。简而言之，您只需将所有js文件依次复制粘贴到一个大js文件中，并将所有css文件复制粘贴到一个大css文件中。这样，您需要下载两个文件，一个js和一个css。比这更好的通常不值得费心

为了进一步缩短响应时间，您通常会缩小js和css文件。这是一个删除所有空白、注释等并使内部变量名尽可能短的过程

最后，您可以将js和css文件作为gzip文件提供，以进一步减小要传输的文件大小

---

有很多工具可以为您进行捆绑和缩小。谷歌搜索并选择一个适合其他工具支持的工具。

Meh。这可能会导致比保存请求更大的开销（在客户端用于解码、流量，因为它会破坏缓存等）。只要缓存好，压缩JS和CSS，并尽可能将图像放入CSS精灵。这是大男孩们所做的（例如，这个网站），也是最先进的技术为什么要使用图像？为什么不使用单个JavaScript文件或JSON文档呢？虽然您可以将JS、CSS编码为PNG图像，然后将其解码回来，但我怀疑这是否值得这么做。是的，压缩率将足够高，但我不确定它是否能击败GZIP。另外，我能看到的唯一方法是使用canvas对其进行解码，这在较旧的IE版本中不起作用。我认为如果使用.png图像，它本身的大小将超过不使用它时的消耗量。如果您确实想锻炼性能，那么最好看看这些规则或查看stevesouders.com有时，“为什么我找不到这方面的任何信息？”这个问题的答案是“因为其他所有尝试过的人都认为这不值得麻烦。”