随着我们的网站越来越依赖 JavaScript, 我们有时会(无意)用一些不易追踪的方式来传输一些(耗时的)东西. 在这篇文章中, 我会介绍一些能让你的网站在移动设备上快速加载且可交互的方式....但是在大多数移动设备上, JS 更有可能对页面的交互性产生负面影响.
parse5
当我们谈论脚本的解析和编译很慢时, 上下文是很重要的–我们说的是普通的手机设备....然而, 上下文关系也很重要: 优化网站用户的硬件设备和网络环境.
phones3
深入分析真实用户访问你的网站所使用的移动设备类型, 这样才可能明白他们真实的 CPU/GPU 等硬件约束....可以考虑是否能减少脚本在执行过程中需要完成的工作量, 如果工作量很多, 就将脚本分成小块来分解工作量, 以提高页面可交互的速度....PRPL 是一种通过代码分割和缓存来优化页面交互的模式:
PRPL
通过 V8’s Runtime Call Stats, 我们可以分析一些受欢迎移动站以及 PWA 应用的加载时间.