![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端性能优化成神之路篇
胡椒粉0121
这个作者很懒,什么都没留下…
展开
-
vue应用的性能优化之路—运行时优化
运行时性能主要关注 Vue 应用初始化之后对 CPU、内存、本地存储等资源的占用,以及对用户交互的及时响应。下面是一些有用的优化手段v-show,v-if 用哪个在我来看要分两个维度去思考问题,第一个维度是权限问题,只要涉及到权限相关的展示无疑要用v-if,第二个维度在没有权限限制下根据用户点击的频次选择,频繁切换的使用v-show,不频繁切换的使用v-if,这里要说的优化点在...原创 2019-06-12 15:07:01 · 1900 阅读 · 0 评论 -
vue应用的性能优化之路—加载时优化
利用服务端渲染(SSR)和预渲染(Prerender)来优化加载性能在一个单页应用中,往往只有一个 html 文件,然后根据访问的 url 来匹配对应的路由脚本,动态地渲染页面内容。单页应用比较大的问题是首屏可见时间过长。单页面应用显示一个页面会发送多次请求,第一次拿到 html 资源,然后通过请求再去拿数据,再将数据渲染到页面上。而且由于现在微服务架构的存在,还有可能发出多次数据请求才能...原创 2019-06-12 23:48:00 · 919 阅读 · 0 评论 -
Vue 单页面骨架屏实践
关于骨架屏介绍骨架屏的作用主要是在网络请求较慢时,提供基础占位,当数据加载完成,恢复数据展示。这样给用户一种很自然的过渡,不会造成页面长时间白屏或者闪烁等情况。 常见的骨架屏实现方案有ssr服务端渲染和prerender两种解决方案。这里主要通过代码为大家展示如何一步步做出这样一个骨架屏:prerender 渲染骨架屏...原创 2019-06-13 02:42:18 · 438 阅读 · 0 评论 -
使用Nuxt.js搭建VUE应用的SSR(服务端渲染)
Nuxt.js的介绍Nuxt.js概述nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染)Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架,用Vue开发多页应用,并在服务端完成渲染,可以直接用命令把我们制作的vue项目生成为静态html通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的UI渲染我们的目标...原创 2019-06-20 00:14:02 · 6363 阅读 · 0 评论 -
Vue 服务端渲染(SSR)
服务端渲染介绍服务端渲染的模式就是:就是将本来要放在浏览器执行创建的组件,放到服务端先创建好,然后生成对应的html,在请求一个网址的时候,服务端收到请求之后把html的内容先生成好然后再返回给浏览器。这样子搜索引擎就可以通过你返回的a标签抓取到网站的其他页面了,最后将这些静态标记"激活"为客户端上完全可交互的应用程序在看下面内容之前建议大家先去看下《Vue SSR指南》https://...原创 2019-09-16 10:23:15 · 1379 阅读 · 1 评论 -
Vue 预渲染实现方案
前言Ajax 技术的出现,让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容,这就是单页应用。在一个单页应用中,往往只有一个 html 文件,然后根据访问的 url 来匹配对应的路由脚本,动态地渲染页面内容。单页应用在优化了用户体验的同时,也给我们带来了许多问题,例如 SEO 不友好、首屏可见时间过长等。服务端渲染(SSR)和预渲染(Prerender)技术正是为解决这些问题而生的。...原创 2019-06-16 19:39:35 · 18138 阅读 · 9 评论