网页优化

时间:2011-02-09 14:04:53

标签: javascript jquery optimization html5 web-optimization

我正在创建一个新的dinamic网站来测试和了解网络优化...... Site Index

对于html,css,js(exept jquery-min链接到谷歌服务器)文件我创建了一个php文件,连接更多文件,删除未使用的空格,并使用Gzip压缩它: compressed css - compressed js

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

对于主要图片,我将每张图片折叠为one

对于facebook喜欢按钮,我使用jquery替换页面加载后的iframe,我想对adbrite广告做同样的事情,但我不知道如何... 如果我尝试替换,或者在加载后将代码注入到html中,那么页面就会消失,只能保留...

有人可以帮忙吗?

你能告诉我,我是否表现良好(优化)以及我可以改进的地方

...谢谢

2 个答案:

答案 0 :(得分:2)

这是一个好的开始,但你不应该动态压缩任何东西。这太昂贵了,最终会比提供未压缩的内容慢。

使用 gzip / deflate 并使用 YUI Google封闭编译器 uglifyjs 仅举几例。将这些文件用作静态文件。

自动执行上述所有流程(以及更多..)的一个很好的工具是Apache ANT

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

答案 1 :(得分:0)

您还可以尝试使用Google Granule:http://code.google.com/p/granule/(以编程方式压缩和缩小css文件和js文件)

另外检查“adbrite advertises”是否正常工作是因为代码可能正在使用Document.write()方法,应该在解析文档时调用该方法。尝试异步或延迟加载它们。

http://www.sitepoint.com/non-blocking-async-defer/