bianzhong 发表于 2024-8-1 16:50:34

建议在发布时可以对静态资源进行合并处理

本帖最后由 Brian.Zhang 于 2024-8-1 17:37 编辑


图片所示是一个空项目,只加了极少量的功能来测试,但光JS请求就是72个,这还不包含CSS,图片,字体等其他静态资源,网页中静态资源最多的就是CSS和JS,我尝试在发布后的文件中对CSS或JS文件进行合并处理,但发布后的文件不是一般常规的HTML模板,而是JSON文件,尝试失败,要解决问题,可能需要在发布时进行处理才行。
所以建议活字格在发布应用时,可以对当前页调用的CSS和JS进行合并处理,比如:
<link rel="stylesheet" href="//g.alicdn.com/??tbhome/taobao-2021/0.0.59/lib/style/page-min.css,tbhome/taobao-2021/0.0.59/lib/style/index-min.css">
<script src="//g.alicdn.com/??kissy/k/6.2.4/event-custom-min.js,kissy/k/6.2.4/event-base-min.js,kissy/k/6.2.4/io-min.js,kissy/k/6.2.4/io-extra-min.js,kissy/k/6.2.4/io-base-min.js,kissy/k/6.2.4/promise-min.js,kissy/k/6.2.4/dom-base-min.js,kissy/k/6.2.4/query-selector-base-min.js,kissy/k/6.2.4/dom-extra-min.js,kissy/k/6.2.4/io-form-min.js,kissy/k/6.2.4/node-min.js,kissy/k/6.2.4/node-base-min.js,kissy/k/6.2.4/node-event-min.js,kissy/k/6.2.4/event-dom-base-min.js,kissy/k/6.2.4/event-dom-extra-min.js,kissy/k/6.2.4/event-gesture-min.js,kissy/k/6.2.4/event-touch-min.js,kissy/k/6.2.4/node-anim-min.js,kissy/k/6.2.4/anim-transition-min.js,kissy/k/6.2.4/anim-base-min.js,kissy/k/6.2.4/cookie-min.js,kissy/k/6.2.4/event-min.js,kissy/k/6.2.4/base-min.js,kissy/k/6.2.4/attribute-min.js,kissy/k/6.2.4/json-base-min.js,kg/attr-anim/6.0.6/index-min.js,kg/xctrl/7.2.1/xctrl-kissy-min.js,sd/sufei/0.2.4/app/common/sufei-kissy.js,kg/offline/7.0.1/index-min.js,kg/session/0.0.1/index-min.js,kg/slide/6.0.8/index-min.js,kg/straw/1.0.2/index-min.js,kg/datalazyload/6.0.10/index-min.js,kg/route-map-http/0.0.3/index.js" crossorigin="anonymous"></script>
因为引用的静态文件都是站内,所以处理起来应该并不麻烦,这样再搭配nginx gzip,应该可以减少HTTP请求,提高网站打开速度。谢谢。


Brian.Zhang 发表于 2024-8-1 17:37:38

老板,看您的出发点主要是想提升网页打开速度是吧?
如果从这个初衷上来说,这些js请求绝大部分都是可以忽略的,因为很多请求是并行,同时时间很短到毫秒级别,他不是速度的瓶颈,而且合并了也未必速度就会提升呢。

静态资源相关优化,您可以看下这个帖子
干货必读提升性能:十、静态资源优化
https://gcdn.grapecity.com.cn/showtopic-156733-1-1.html
(出处: 葡萄城开发者社区)

https://gcdn.grapecity.com.cn/forum.php?mod=forumdisplay&fid=197&filter=typeid&typeid=265

如果通过帖子没有解决您的问题,您也可以找我们技术顾问针对您的工程给排查下看看哪里是瓶颈。
页: [1]
查看完整版本: 建议在发布时可以对静态资源进行合并处理