web前端网站优化-你真的不重要了吗？

有关web前端网站的优化，其实雅虎已经给出了34条建议，我这里有转载雅虎再谈WEB前端网站优化，但是在实际的开发中我们有多少项目中用到这些开发经验了。昨天无意间看一网站感觉很多web开发人员不重视它，所以这里也就这个网站的首页来说说吧。我们还是先来看看几个运行结果图吧：

图1：

图2：

图3：

图4：

图5：

不知道大家看了以上5张图有什么感想，

（1）页面默认加载了太多东西，很多资源都可以放到页面load后在加载啊

（2）静态资源css、js、图片文件未作合并，应该合并并且压缩这些资源，以减少http请求数目和http返回字节数

（3）js应尽量放到页面底部，如果可以的话可以采用延迟加载或者异步加载，因为js的解析和执行是阻塞式

（4）页面中尽量不要有内嵌js脚本，建议外移

（5）客户端应尽可能的多做点304，如此出的首页

（6）页面中<a href="###" .../><a href="javascript:void(0);".../>像这样的代码尽量不要出现我们的html页面中

以上的所说都是我们开发人员可以做到的，至于什么cdn那些东东就不关我们编码人员的事了。这里我也不说什么雅虎的那34条建议了，实际上我们一般只要尽量减少Http请求数和返回字节数就可以，我觉得把什么js外移并且放到底部这是最基本的要求啊，减少http请求数典型的就是资源合并+绝对缓存（一般不怎么采用）+资源延迟加载（尽可能的放到load后加载或则滚动条滚到相应位置在加载），减少http返回字节数一般我们采用gzip压缩+条件缓存（推荐用法）；资源合并一般主要的是js、css、image，有关这方面大家可以参考，这里只是提供一个思想:

web优化之-js动态合并 动态压缩 去掉js重复引用 js缓存 js延迟加载
web优化之-js、css动态合并 动态压缩
Web优化之雪碧图—动态生成雪碧图
web性能优化之- js自定义函数延迟执行 jquery插件