在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

首先说一下首页加载为什么会白屏? 先说下 SPA 单页面的加载过程 首先就是 html ,也就是 FP 阶段 然后是静态资源css，js，之后解析js，生成HTML,也就是 FCP 阶段，css,js

首屏加载需要从多个维度出发考虑, 首屏加载占用时间多数来着对服务器资源的请求以及js对数据的处理和浏览器渲染，从这三个方面下手相信能解决大部分的首屏加载缓慢问题： 对于移动端的话，可以考虑加个骨架屏去

前前言 hello大噶好，我是推啊广告线前端liaokun。今天和大家分享的是之前做过的一次落地页首屏性能优化。

如今各类应用功能越来越多，逻辑越来越复杂，应用体积也越来越大，在这样的趋势下如何进行性能优化是对每个工程师的考验。性能优化可谓仁者见仁智者见智，没有绝对的标准答案，它在不同的场景下会有不同的处理方式。举个例子🌰，给SQL查询条件增加索引是最常见、最简单的SQL性能优化方式。那…

当浏览器截获到一个页面请求后，将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略，来决定资源的加载权限。 接着对各个资源的加载优先级进行计算和排序。 最后一步，根据加载优先级顺序来加载资源。 chrome浏览器会将资源分为14…

相信很多人都用过vue-cli或create-react-app或者类似的脚手架。 脚手架方便我们复制，粘贴，或者clone代码库，而且还可以更具用户的选择，引入用户所需要的插件。 脚手架往往搭配着早已设计好了架构的项目，然后按需进行拷贝。 yeoman是一款来做脚手架的工具，…

作为一名精致的前端猪猪女孩，也有那么点想让自己的代码同样看起来精致一点。所以在拿到新需求的 UI 设计稿时，经常会面临如下问题：如何拆解页面？如何划分组件才算是合理？好像用于组件拆分的 A 方案和 B 方案在当前业务场景下也都还算合理，那究竟要怎么选择？组件的抽象与粒度貌似是一…

前言 大家好，我是林三心，这几天发生了很多事（具体是啥我就不说了），这些事，吓得我把我这些年珍藏的Vue知识点都拿出来整理了一遍，巴不得能多总结出一道是一道，我拿出了我的笔记，并且使劲回忆，终于悟出了