渲染进程

渲染进程中页面绘制的过程

前端性能performance

• 首屏优化
  1. 压缩、分包、删除无用代码。
  2. 静态资源分离。
  3. js脚本非阻塞加载。
  4. 缓存策略
  5. SSR
  6. 预置loading、骨架屏
• 渲染优化
  1. GPU操作
  2. 减少回流
  3. 离屏渲染
  4. 懒加载
• JS优化
  1. 防止内存泄漏
  2. 循环尽早break。
  3. 合理使用闭包
  4. 减少DOM访问
  5. 防抖、节流
  6. web workers

跨端容器

• 为什么要使用跨端？
  1. 开发成本低
• 常见的跨端方案

  1. webview
     即网页视图，用于加载 网页URL，并展开其内容的控件。可以内嵌于移动端App内，实现前端混合开发，大多数混合框架都是基于webview的二次开发；常见的有Ionic、Cordova。

  2. 小程序

• 总结各种跨端方案
  

最后，webview是讲师认为最好的。