首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
孙奇
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
Vue 应用性能优化指南
得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更新的时候哪个组件需要重新渲染,渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上,Vue 应用的开发者一般不需要做额外的优化工作。 但在…
[JS性能优化]函数去抖(debounce)与函数节流(throttle)
这是个老生常谈的话题了,之所以还搬出来讲讲,原因之一是之前根本就没在意,近期面临的一些问题需要用到这两个小技巧;原因之二,这两个技巧带来的优化不小;原因之三,顺便复习一下闭包。 第一种和第三种情况,事件短时间内被频繁出发,如果在事件中有大量的计算,频繁操作DOM,资源加载等重行…
如何调试前端:优化网络资源
网络性能可以决定 web app 的成败。最初 app 很新很小时,很少有开发者会持续关注 app 到底用了多长时间发送了多少兆字节给用户。 如果你从未测量过自己 app 的性能,那很可能会有一些改进余地。问题是,你需要改善多少才能让用户注意到。 在下面的研究中,你可以找到有关…
webpack性能优化不完全指北
体积的大小直接关系到我们项目的加载速度, 而SPA的首屏加载速度又决定了用户的留存。对于体积优化,我们可以从俩个方面来下手。But 在那之前我们要先对自己的项目依赖构成进行分析,确定了优化的目标才能着手思考优化方案,进而实施优化方案。 我们只需要在每次打包的时候使用它,可以通过…
狙杀页面卡顿 —— Performance 指北
今天介绍下 Chrome dev tools 家族的一个小兄弟,它在 Chrome 57 之前叫作「Timeline」,而现在换了个更长的马甲 —— 「Performance」,毕竟名字要「长~~~~~~~~~」更能吸引注意。 也许你曾不经意启动过这个工具,看见里面五颜六色的图…
web前端资源文件的部署和优化
现在网上也有很多关于前端文件加载的性能优化,我相信大部分的前端程序猿,应该都听说过雅虎的14条优化原则 1. 尽可能的减少 HTTP 的请求数 content 2. 使用 CDN(Content Delivery Network) server 3. 添加 Expires 头(或…
用 preload 预加载页面资源
本文主要介绍preload的使用,以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令,让浏览器提前加载指定资源(加载后并不执行),在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome,所以可放…
关键渲染路径优化
天下武功唯快不破,页面加载速度与用户体验息息相关,也关乎企业收益:最知名的当属 Amazon 加载速度每增加一秒一年少赚 16 亿美刀的例子(还是 N 年前的统计),真是应验那句话: 时间 == 金钱! 对此 Google Developer 专门有一篇文章用于阐述页面载入速度…
作为前端你拿什么证明网站体验?
前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难,但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西,我们又要如何去证明它的好与坏呢? 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍,如何从体验的角度去做重构的优化,并如何用数据去…