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

Question

在Google搜索了一段时间后，我还没有在我的问题中得到任何运气或指导。

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

如果我能得到上述的工作，那么我可以在我的web应用程序的加载方式上有很大的灵活性，并能够通知用户webapp准备好查看的距离。

目前我的问题是，我无法找到我怎么会在图像中的数据进行编码。

即使这并非是想关于充当了一个web应用程序我的好奇心也越来越最好的我，我会真的很喜欢做这样的方式。

任何指导或指针将不胜感激！

另外：我正在学习Python的，所以如果你知道一个Python模块，我可以与发挥将是很酷的。目前我正在玩pypng模块，看看是否可以完成。

Answer 1

坦率地说。不要这样做。

在地球上使用的其他方法，最聪明的头脑，以保持请求和响应时间的数量下降。最小化请求数量的最常见技术称为捆绑。简而言之，您只需将所有js文件复制粘贴到一个大的js文件中，并将所有css文件复制到一个大的css文件中。这样你需要下载两个文件，一个是js和一个css。比这更好通常不值得麻烦。

为了进一步保持响应时间下来，你通常运行如下的JS和CSS文件。这是一个过程，其中所有的空格，注释等都被删除，并且内部变量名尽可能短。

最后，你可以成为这两个JS和CSS文件作为gziped文件，以进一步减少文件大小来传输。

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