前端全链路性能优化实战学习心得

前端全链路性能优化实战学习心得

BigPipe：什么是BigPipe？你了解它的工作原理吗？    

CDN：如何合理配置CDN缓存？    

Cookie：减少Cookie大小的策略和益处    

CSS：CSS的优化应该遵循哪些原则？    

DNS：主流的DNS优化方法有哪些？    

DOM编程优化：怎样控制DOM大小并简化DOM操作？    

HTML：怎样精简优化HTML的代码结构？    

HTML5离线化：主流的技术实现方案有哪些？    

HTTP：如何减少HTTP请求数？    

HTTP2：升级HTTP2的好处有哪些？如何升级？    

HTTPS：如何开启全站HTTPS？    

JavaScript：如何对JavaScript的缓存进行优化？    

JavaScript：如何提升JavaScript的执行效率？    

JavaScript：如何选择合适的模块化加载方案？    

PWA：如何做到媲美原生应用的体验？    

WebView：如何选择合适的WebView内核？    

打包优化：提升webpack打包效率的6个小技巧    

代码质量：如何有效提升团队整体的代码质量？    

单页面应用：什么情况下该选择单页面应用？怎样实现？    

服务器：缓存配置和优化方案    

服务器：如何开启和配置gzip压缩    

构建工具：常用的前端构建工具有哪些？如何选型？    

后端同步渲染：JSP是如何同步渲染出页面的？    

混合式开发：Flutter内核及优势介绍    

混合式开发：ReactNative内核及优势介绍    

混合式开发：小程序内核及优势介绍    

接口优化：如何对接口缓存进行优化？    

接口优化：如何对接口调用进行优化？    

静态文件：版本号更新，你应该遵循哪些策略？    

静态文件：有哪些常用的压缩工具？    

静态文件：怎样打包才更合理？    

浏览器渲染：你是否清楚浏览器的渲染过程？    

浏览器优化：目前主流的缓存策略有哪些？    

浏览器优化：如何打通登录态？    

浏览器优化：如何对JS-SDK进行优化？    

浏览器优化：如何设置全局WebView？    

浏览器优化：如何实现URL预加载？    

浏览器优化：如何实现导航栏预加载？    

浏览器优化：如何提升滚动条的使用体验？    

流程优化：如何优化前端团队的研发流程？    

前后端分离：如何正确理解和实现前后端分离？    

上线后：如何进行HTML5的性能和错误监控？    

上线前：如何对HTML5的质量做即时检测？    

同构直出：有哪些主流的同构直出方案？如何选择？    

图片优化：在服务器端进行图片自动优化的原理是什么？    

图⽚优化：怎样让图片加载得更快？    

线上业务：如何进行线上业务的基调监控？    

协作模式：前端和后端如何开展更高效的合作？    

页面加载：加载策略都有哪些？又该如何选型？    

页面静态化：动态页面静态化要如何实施？    

页面渲染：怎样选择合理的技术方案？    

页面渲染：主流的页面渲染技术架构和方案有哪些？    

怎样才能减少浏览器的回流和重绘？    

自动化测试：有哪些主流的技术方案？如何选型？    

自动化上线：有哪些方案可供选择？如何部署？