將信息發送到.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文件，以進一步減少文件大小來傳輸。

有很多工具可以爲你捆綁和縮小。谷歌，並選擇一個適合您的其他工具支持。