技术栈
backbone + webpack + es6
遇到的问题
-
前端工程
在使用webpack之前,我是这样想的,给每个发布的静态文件都打上hash戳,在更新发布的时候,检查待发布的静态文件是否已经在cdn上了,如果在,就不做新的发布,这样可以更好的利用用户的浏览器缓存。还有就是尽量把公共代码抽离出来,作为单独的js文件进行发布,这样在开发过程中,没有改变的js文件,就不用二次发布,可以进一步利用用户的浏览器缓存,减少发布的成本。webpack的代码分块可以非常方便地把公共代码抽离出来,但是随着开发,代码量也在快速增加,需要抽离的代码块也在增加,就导致 script
越来越多,而且这些脚本代码都是相互依赖的,又不能使用异步加载,导致新用户第一次进入系统的时间略长。
现在的问题就是,不知道怎样在抽离代码块(更好的利用浏览器缓存),和减少脚本数量(减少网络请求)之前做一个平衡,如果有遇到类似问题的大神,非常感谢能给支个招。😃😃
-
首页优化
这个问题和前面的工程问题有点关系,减少网络请求也是优化的一项。不过我想提出的是服务端渲染问题。周末在github上找到了一个可以在服务端渲染backbone的三方库 https://github.com/rendrjs/rendr ,有小伙伴用过这个库吗?不知道服务端渲染在首页优化上起到的作用有多大,还有就是实行起来成本高吗?希望做过backbone服务端渲染或者在首页优化上比较有经验的大神能提点提点,再次谢过 。😃😃
服务器端渲染感觉像在倒退。不如服务器端编译。