zoukankan      html  css  js  c++  java
  • 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公司的,难道外包公司就真的不要求技术了,联想到昨天一北京同事回复我博客如下:

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


  • 相关阅读:
    spring无法接收上传文件
    springcloud feign增加熔断器Hystrix
    mybatis调用存储过程(@Select方式)
    spring在注解标注的方法上加切面
    java注解Annotation
    java包装类
    JZ-C-43
    JZ-C-42-Plus
    JZ-C-42
    JZ-C-41-Plus
  • 原文地址:https://www.cnblogs.com/majiang/p/2795959.html
Copyright © 2011-2022 走看看