前端优化的一些地方(JS/CSS/图片)

最近翻了翻,总结一下

一.督促你的客户选用更快的浏览器,这样才能体验到更快的加载速度!
具体什么的就不说了,上一张图,下图为Gomez收集了200个网站的18.6亿个别值,时间范围为1个月,得出的真实上网环境中的数据。图中蓝色代表网页加载速度,绿色代表渲染时间。

前端优化的一些地方(JS/CSS/图片)_第1张图片


二.Javascript的优化
1.用Firebug查找执行消耗时间最长的Javascript函数。
可通过Firebug控制台中的概括叶卡,查看函数的调用时间及花费的时间。如果某个函数花费异常高的时间,你就应该和JS开发人员好好谈谈了。


前端优化的一些地方(JS/CSS/图片)_第2张图片


2.将JavaScript做成外部文件并进行精简。
这样不仅利于代码的维护,将其做成外部文件则浏览器未对其进行缓存,避免代码的多次请求。JavaScript的精简就不用说了,jquery精简以后从252KB到32KB极大减少了数据请求量。精简主要包括移除文件中的空白空间和注释、缩写变量及删除无用代码等。在此推荐两个JS精简的工具,一个是yahoo的YUI Compressor ,另一个是Google的Closure Compiler,两者皆需Java环境执行。

3.如果可以,将JavaScript放置于HTML文件底部。
第一个原因是浏览器遇到

你可能感兴趣的:(前端优化的一些地方(JS/CSS/图片))