路由懒加载
-
使用与 SPA（不适用 MPA）
-
路由拆分，优先保证首页加载
服务端渲染SSR
-
传统的前后端分离（SPA）渲染页面的过程复杂
-
SSR 渲染页面过程简单，所以性能好
-
如果是纯 H5 页面，SSR 是性能优化的终极方案
SSR 是一门古老的技术
-
刚刚兴起 WEB1.0 时，就是 SSR 技术：PHP ASP JSP 等
-
Nuxt.js（Vue）
-
Next.js (React)
App 预取
-
如果 H5 在 App WebView 中展示，可使用 App 预取
-
用户访问列表页时，App 预加载文章首屏内容
-
用户进入 H5 页面，直接从 App 中获取内容，瞬间展示首屏
分页
-
针对列表页
-
默认只展示第一页内容
-
上划加载更多
图片懒加载 LazyLoad
-
针对详情页
-
默认只展示文本内容，然后触发图片懒加载
-
注意：提前设置图片尺寸，尽量只重绘不重排
HyBrid
-
提前将 HTML JS CSS 下载到 App 内部
-
在 App webview 中使用 file://协议加载页面
-
再用 Ajax 获取内容并展示（也结合 App 预取）
