[size=large] [color=orange] 1.YUI的延迟加载策略是否适用于我们的网站?[/color][/size]
[size=medium] 1)如果组件负责布局样式的话,组件样式的延迟加载会造成布局的错乱,这会延迟用户获取有用信息的时间,降低用户体验。
2)延迟加载会增加组件升级的成本。如果对组件进行重构的话其它适用该组件库的项目也需要同步重构,这个过程极有可能造成bug。
3)延迟加载会造成服务器请求数量过多,增加服务器负担。通常解决办法是使用combo的方式整合代码后再发布,这个过程在发布前进行,要修改html中资源文件的引用,很可能因为疏忽引入不必要的bug。
4)延迟加载会造成页面元素加载完成后部分功能暂时不可用,如果是用户一上来就想用的功能,譬如说导航,必然会造成用户使用的不便。[/size]
[size=large] [color=orange]2.整合加载策略的不足:[/color][/size]
[size=medium] 1)一次性加载的js和css资源增多,不能做到每个页面的按需加载。不过由于我们的组件库不大,而且浏览器会很好的缓存资源文件,所以我估计最终文件压缩后不会超过20k,网速正常的情况下,对于用户等待时间的增加不会超过一秒。
2)需要一个附加工具,这个工具能够通过设置好的组件依赖关系生成整合后的JS、css、图片文件,并能自动设置整合后的css引用路径[/size]
[size=large] [color=orange] 2.整合加载策略优势:[/color][/size]
[size=medium] 1)引入方便,只需引入一个JS和css文件
2)因为css只有一个,因而更容易通过脚本实现结构和颜色样式分离,从而轻松的制作多皮肤组件[/size]
[size=medium] 1)如果组件负责布局样式的话,组件样式的延迟加载会造成布局的错乱,这会延迟用户获取有用信息的时间,降低用户体验。
2)延迟加载会增加组件升级的成本。如果对组件进行重构的话其它适用该组件库的项目也需要同步重构,这个过程极有可能造成bug。
3)延迟加载会造成服务器请求数量过多,增加服务器负担。通常解决办法是使用combo的方式整合代码后再发布,这个过程在发布前进行,要修改html中资源文件的引用,很可能因为疏忽引入不必要的bug。
4)延迟加载会造成页面元素加载完成后部分功能暂时不可用,如果是用户一上来就想用的功能,譬如说导航,必然会造成用户使用的不便。[/size]
[size=large] [color=orange]2.整合加载策略的不足:[/color][/size]
[size=medium] 1)一次性加载的js和css资源增多,不能做到每个页面的按需加载。不过由于我们的组件库不大,而且浏览器会很好的缓存资源文件,所以我估计最终文件压缩后不会超过20k,网速正常的情况下,对于用户等待时间的增加不会超过一秒。
2)需要一个附加工具,这个工具能够通过设置好的组件依赖关系生成整合后的JS、css、图片文件,并能自动设置整合后的css引用路径[/size]
[size=large] [color=orange] 2.整合加载策略优势:[/color][/size]
[size=medium] 1)引入方便,只需引入一个JS和css文件
2)因为css只有一个,因而更容易通过脚本实现结构和颜色样式分离,从而轻松的制作多皮肤组件[/size]