javascript - 网页优化

标签 javascript jquery optimization html web-optimization

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

对于 html、css、js(除了链接到谷歌服务器的 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 广告做同样的事情,但我不知道如何...... 如果我在加载后尝试替换代码或将代码注入(inject) html,页面会消失并仅保留广告...

有人可以帮忙吗?

你能告诉我我做得好吗(优化)以及我可以改进的地方

谢谢...

最佳答案

这是一个好的开始,但您不应该动态压缩任何内容。这太昂贵了,而且最终会比交付未压缩的内容慢。

使用 gzip/deflate 并使用 YUIGoogle 的闭包编译器uglifyjs 等压缩器压缩您的 javascript 文件> 仅举几例。以静态方式提供这些文件。

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

一个很好的库可以通过一个流动态地提供任何内容是 supplyJS .

关于javascript - 网页优化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4945894/

相关文章:

javascript - 将键代码转换为表示键的字符串的最简单方法?

javascript - 推送到 dom-repeat 中使用的数据绑定(bind)数组( polymer )

javascript - CK 编辑器查找和替换仅在第一次时有效,然后它将在 range[0].setStart 函数中给出索引错误

javascript - 如何在 jQuery 中传输元素?

algorithm - 使用行索引和列索引一次查找矩阵中值的最小总和

javascript - 弹出窗口中的级联下拉菜单

javascript - 为什么这个基于 setTimeout 的代码不能在 Firefox 中以小超时工作(在 Internet Explorer/Chrome 中工作)?

javascript - 我正在尝试使用 jquery 获取特定隐藏输入文本框的值,但它不起作用

c - 简化 if-else-if 梯形图,使函数调用仅进行一次

java - 将 Python 项目重写为 Java——值得吗?