Javascript 网页优化

我正在创建一个新的dinamic网站来测试和学习web优化。。。

对于html、css、js（链接到google server的exept jquery min）文件，我创建了一个php文件，用于连接更多文件，删除未使用的空格，并使用Gzip对其进行压缩： -

对于主图像，我将每个图像折叠到

对于类似facebook的按钮，我使用jquery在页面加载后替换iframe，我想对adbrite广告也这样做，但我不知道如何。。 如果我尝试替换，或者在加载后将代码注入html，页面将消失，并且只保留adv

有人能帮忙吗

你能告诉我我（在优化方面）是否做得很好，我在哪里可以改进吗

---

谢谢…

这是一个好的开始，但您不应该动态压缩任何内容。这成本太高，最终会比未经压缩的内容交付速度慢

使用gzip/deflate并使用类似YUI、Google的闭包编译器或uglifyjs等缩小器压缩javascript文件。静态地提供那些文件

一个很好的工具，自动化所有上述过程（以及更多…）是

---

一个很好的库可以在一个流上动态地提供任何内容。

您也可以尝试Google Granular：（它可以通过编程动态压缩和缩小css文件和js文件）

另外，请检查您的“adbrite advertises”是否不起作用，因为代码可能正在使用

Document.write（）

方法，在解析文档时应调用该方法。尝试异步或延迟加载它们

他们使用document.write。看见

if(extension_loaded('zlib')){ob_start('ob_gzhandler');
/*...php code to read files and remove comments/spaces*/
if(extension_loaded('zlib')){ob_end_flush();}