本帖最后由 Brian.Zhang 于 2024-8-1 17:37 编辑
图片所示是一个空项目,只加了极少量的功能来测试,但光JS请求就是72个,这还不包含CSS,图片,字体等其他静态资源,网页中静态资源最多的就是CSS和JS,我尝试在发布后的文件中对CSS或JS文件进行合并处理,但发布后的文件不是一般常规的HTML模板,而是JSON文件,尝试失败,要解决问题,可能需要在发布时进行处理才行。
所以建议活字格在发布应用时,可以对当前页调用的CSS和JS进行合并处理,比如:
<link rel="[url=]stylesheet[/url]" href="[url=]//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[/url]">
<script src="[url=]//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[/url]" crossorigin="[url=]anonymous[/url]"></script>
因为引用的静态文件都是站内,所以处理起来应该并不麻烦,这样再搭配nginx gzip,应该可以减少HTTP请求,提高网站打开速度。谢谢。
|