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插件


这个项目据我的了解是外包给XXX公司的,难道外包公司就真的不要求技术了,联想到昨天一北京同事回复我博客如下:

真的很想感慨一句,技术人员路在何方?


原文地址:https://www.cnblogs.com/majiang/p/2795959.html