首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
Maya本尊
更多收藏集
微信扫码分享
微信
新浪微博
QQ
22篇文章 · 0订阅
基于 vue-skeleton-webpack-plugin 的骨架屏实战
目前正在做的项目,登录是需要跳转到别人的页面的,导致重定向很多,需要优化一下白屏时间,所以就用到了骨架屏,但是这次用的骨架屏不是自动生成的,还是自己敲的样式,一步步来吧,先从简单的用起🤝。 骨架屏,英文 Skeleton screen,是指在页面开始渲染之前的白屏时间内,先让…
给项目加一个骨架屏吧
骨架屏可以理解为是当数据还未加载进来前,页面的一个空白版本,一个简单的关键渲染路径。用户会看到一个样式简单,描绘了当前页面的大致框架的骨架屏页面,然后骨架屏中各个占位部分被实际资源完全替换,这个过程中用户会觉得内容正在逐渐加载即将呈现,降低了用户的焦躁情绪,使得加载过程主观上变…
移动spa商城优化记(一)---首屏优化篇
随着公司业务的不断壮大,最近老是有用户反应公司APP内的商城打开比较慢,这可不行啊,慢了容易流失用户,流失用户减少公司业绩,公司业绩少我的年终奖就少…………,所以为了公司,也为了自己,开始优化之路。 商城系统是去年开发的,是一个基于vue2.0的spa项目,最好的优化思路当然是…
性能优化篇 - Performance(工具 & api)
Performance 一个在前端开发领域中,无法被忽视的存在,如果我们的开发是一个满足需求就可以的产品,那么可能就用不到它;但是如果我们想对我们的这个产品,做一个极致的优化,那么 Performance 是一个很好的选择,也是一个不容忽视的选择。 大致的介绍了一下工具和api…
移动spa商城优化记(二)--- 减少70%的打包等待时间
上篇讲了首屏优化,具体文章详见移动spa商城优化记(一)---首屏优化篇,这次来分享一下打包速度的一些优化经验,因为在实际项目开发中,随着项目的不断增大,依赖项不断增多,我们会发现webpack打包速度会越来越慢,有时候npm run一下可能出去上个厕所的时间都够了,在这快速发…
《从零构建前后分离的web项目》:前端1.0 终 - 前端性能优化 (多图预警)
我们通常在本地开发,本地环境和线上也并非完全一样,很多项目第一次上线几乎都会遇到本地开发无法复现的问题,可能是字体、样式的问题,也可能是webpack 编译的问题、甚至可能是本地的奇葩环境。所以 本地完美运行 ≠ 线上完美运行,我们需要 build 项目,模拟线上测试一下,看看…
Vue CLI 2&3 下的项目优化实践 —— CDN + Gzip + Prerender
和很多小伙伴一样,我在开发Vue项目时也是基于官方vue-cli@2的webpack模版,但随着项目越做越大,依赖的第三方npm包越来越多,构建之后的文件也会越来越大,尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用,这就会导致在网速较慢或者服务器带宽有限的情况…
CSS性能优化的8个技巧
我们都知道对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑,经常被推迟到项目的末期,甚至到暴露出严重的性能问题时才进行性能优化,相信大多数人对此深…
优秀前端必知的话题:我们应该做些力所能及的优化
在 Web 应用开发过程中,我们经常谈及到的就是优化,而优化往往又是既简单而又复杂的过程,优化这个命题很广,最终体现出来的都是用户体验问题,我们一切优化都是为了用户体验。 为什么说简单?在现代 Web 开发生态中,有非常优秀的工具链帮助我们做一些很实际的优化工作,例如 webp…
[译] 2019 前端性能优化年度总结 — 第一部分
让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结,始于 2016。 早些时候,性能都是所谓的“后顾之忧”。直到项目快结束的时候,它会被归结为代码压缩(minification)、拼接(concatenation)、静态资源优化(asset optim…