如果项目比较大,使用的是单页面这种形式,将所有代码打包到一个js中,第一次加载会不会很慢,有没有什么解决方案
可以将低频功能封装成模块然后异步动态的加载,大部分前端框架的router组件都有这功能angular2有asynchronous-routingvue有懒加载
JS才几KB,就算你把几个项目用上的JS都打包起来,都没有网站使用图片的容量大,并且你要确保小设备显示效率也不能加太多的JS效果。你不打包才容易有问题,如果太多请求,服务器可能因请求数有限制而影响加载速度。
如果你有很多零散的JS, CSS, JPG,又不容易把它合并起来,那可以使用CDN来解决。
经典的单页面应用首屏渲染问题
cdn
用MD5版本号区分,尽量利用浏览器缓存机制,用移动端那种版本发布节奏
服务端渲染
如楼上所说,其实如果js文件需要加载的多,TCP三次握手够你受的,就算是多页面应用现在都是打包的
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(3)
可以将低频功能封装成模块然后异步动态的加载,大部分前端框架的router组件都有这功能
angular2有asynchronous-routing
vue有懒加载
JS才几KB,就算你把几个项目用上的JS都打包起来,都没有网站使用图片的容量大,并且你要确保小设备显示效率也不能加太多的JS效果。你不打包才容易有问题,如果太多请求,服务器可能因请求数有限制而影响加载速度。
如果你有很多零散的JS, CSS, JPG,又不容易把它合并起来,那可以使用CDN来解决。
经典的单页面应用首屏渲染问题
cdn
用MD5版本号区分,尽量利用浏览器缓存机制,用移动端那种版本发布节奏
服务端渲染
如楼上所说,其实如果js文件需要加载的多,TCP三次握手够你受的,就算是多页面应用现在都是打包的