`

关于UI组件加载策略的思考

阅读更多
    1.YUI的延迟加载策略是否适用于我们的网站?
    1)如果组件负责布局样式的话,组件样式的延迟加载会造成布局的错乱,这会延迟用户获取有用信息的时间,降低用户体验。
    2)延迟加载会增加组件升级的成本。如果对组件进行重构的话其它适用该组件库的项目也需要同步重构,这个过程极有可能造成bug。
    3)延迟加载会造成服务器请求数量过多,增加服务器负担。通常解决办法是使用combo的方式整合代码后再发布,这个过程在发布前进行,要修改html中资源文件的引用,很可能因为疏忽引入不必要的bug。
    4)延迟加载会造成页面元素加载完成后部分功能暂时不可用,如果是用户一上来就想用的功能,譬如说导航,必然会造成用户使用的不便。

    2.整合加载策略的不足:
   1)一次性加载的js和css资源增多,不能做到每个页面的按需加载。不过由于我们的组件库不大,而且浏览器会很好的缓存资源文件,所以我估计最终文件压缩后不会超过20k,网速正常的情况下,对于用户等待时间的增加不会超过一秒。
    2)需要一个附加工具,这个工具能够通过设置好的组件依赖关系生成整合后的JS、css、图片文件,并能自动设置整合后的css引用路径

   
   2.整合加载策略优势:
    1)引入方便,只需引入一个JS和css文件
    2)因为css只有一个,因而更容易通过脚本实现结构和颜色样式分离,从而轻松的制作多皮肤组件
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics