本文将从客户端角度，聊聊如何借助端能力优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注意事项、开发成本等，以帮助大家更好的评估实现优先级，选择合适业务的方案。

性能优化一直是前端工程化中老生常谈的话题，也是前端项目优化的重要的优化点。事实上，随着项目越来越庞大，稍不注意就会产生明显的性能问题。在不同的场景中，我们对于项目性能的关注点是不一样的。在项目开发阶段

前言 在日常项目中，我们都会遇到页面加载速度较慢的问题，影响了用户的体验，在这边记录一下处理的一些方式。 一.代码压缩和资源优化 对于 CSS 和 JavaScript 文件，使用压缩工具进行压缩和合

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…

前言 前端页面白屏,是影响用户浏览体验的常见问题之一。它会导致页面长时间空白。尤其是对于SPA项目。 什么是页面白屏 页面白屏指页面在加载过程中长时间无法正常展示内容,用户处于等待状态的现象。

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

后台管理系统，不同等级的用户会有不同的权限，看到的页面也会不同，这个时候就会用到动态添加路由，主要用到如下语句。 下面是做权限系统时，个人做法，如有不妥，忘指教。 在登录后获取后端返回的用户可用权限，当然这里需要和后端人员商定一个前后端一致的权限表。拿到后端返回的此用户的权限，…

通常使用Vue2.x开发后台管理系统会涉及到根据用户权限动态渲染侧边栏的需求。以前手动维护路由的方式比较繁杂，在Vue2.2之后通过新增的router.addroutes可以方便动态添加路由了

vue-router同步和异步普通用法： 上面是加载路由最常用的三种方法，那有时候需要几个路由合并到一起加载怎么办呢，按照官方教程的写法： import通过这种特殊注释语法，将几个路由放到一个组中，实