前端工程与性能优化

webpack 是当下最流行的 js 打包工具，这得益于网页应用日益复杂和 js 模块化的流行。webpack2 增加了一些新特性也正式发布了一段时间，是时候告诉大家如何用 webpack2 优化你的构建让它构建出更小的文件尺寸和更好的开发体验。

配合 Server-side Render 等技术，可以达到比较理想的加载显示速度。静态化之后，可以直接配置 Nginx 访问，减轻 Node.js 服务器的压力。

针对首页和部分页面打开速度慢的问题，百度 SSP 前端团队对单页式应用性能进行了优化。本文介绍其中一个方案：基于 HTTP Chunk 的首屏数据渐进式预加载方案，该方案总体减少了单页应用 1.2s 的首屏呈现时间。同时对比其与同构渲染方案的异同。

总结项目目前优化的方案，大体的就这些，陆续还有增加！

作者：Andrew Wong 编译：胡子大哈 翻译原文：http://huziketang.com/blog/posts/detail?postId=58d14215a6d8a07e449fdd2b 英文原文：Improve Your UX by Dynamically Ren…