前言 作为一个前端你还在手动 npm run build 吗？还在手动将 dist 文件夹放到服务器上吗？Oh！这样的方法太 Low 了，你在手动打包部署的时候，我们已经通过自动化部署完成了繁琐的手动

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ 前端业界现有的构建部署方案，常用的应该是，Jenkins，Docker，GitHub Actions 这些，而恰巧，我

在 H5 + Native 的混合开发模式中，让人诟病最多的恐怕就是加载 H5 页面过程中的白屏问题了。下面这张图描述了从 WebView 初始化到 H5 页面最终渲染的整个过程。 针对 WebView 初始化：该过程大致需耗费 70~700ms。当客户端刚启动时，可以先提前初…

在用移动设备加载H5页面时，一些公共资源如css，js，图片等如果比较大时，就需要通过拦截网络，改从本地资源加载。在Android原生WebView中，我们可以在WebViewClient中的shouldInterceptRequest方法来拦截替换资源。 然而在Flutter…

最近公司项目中需要做秒开 h5 页面的优化需求，于是调研了下市面上的方案，并结合本公司具体的业务需求做了一次这方面的优化实践，这篇文章是对这次优化实践的记录，文末附上源代码下载。 由于在 dom 渲染前的用户看到的页面都是白屏，优化思路具体也是去分析在 dom 渲染前每个步骤的…