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公司的,难道外包公司就真的不要求技术了,联想到昨天一北京同事回复我博客如下:
真的很想感慨一句,技术人员路在何方?
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?