首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
林如风
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
仅使用CSS提高页面渲染速度
作者:大漠用户在访问一个Web网站(页面)或应用时,总是希望它的加载速度快,功能流畅。如果过于慢,用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员,给自己应用提供更快的访问速度,提供很好
万字长文!总结Vue性能优化方式及原理
我们在使用 Vue 或其他框架的日常开发中,或多或少的都会遇到一些性能问题,尽管 Vue 内部已经帮助我们做了许多优化,但是还是有些问题是需要我们主动去避免的。我在我的日常开中,以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧,这篇文章就来探讨…
我从 Vuejs 中学到了什么
框架设计远没有大家想的那么简单,并不是说只把功能开发完成,能用就算完事儿了,这里面还是有很多学问的。比如说,我们的框架应该给用户提供哪些构建产物?产物的模块格式如何?当用户没有以预期的方式使用框架时是否应该打印合适的警告信息从而提升更好的开发体验,让用户快速定位问题?开发版本的…
前端监控(1)—— 性能监控(附实战代码)
上述性能监控的结果集,可以分析出前端性能的好坏,监测性能的结果可以指向性的去优化各块性能,比如常见的加快首屏加载等等。 2.页面的性能直接关乎用户体验,开发设备的测试数据具有局限性,结合大量线上用户性能数据能更好的佐证页面性能,并对应优化。 3.资源(cdn)加载的异常能实时体…
网页骨架屏自动生成方案(dps)
什么是骨架屏呢?骨架屏(Skeleton Screen)是指在页面数据加载完成前,先给用户展示出页面的大致结构(灰色占位图),在拿到接口数据后渲染出实际页面内容然后替换掉。Skeleton Screen 是近两年开始流行的加载控件,本质上是界面加载过程中的过渡效果。 假如能在加…
page-skeleton骨架屏的实现
骨架屏指的是当你打开一个 web 页面,在页面解析和数据加载之前,首先展示给用户大概的样式。 Google Research 的研究显示,53% 的用户在等待加载 3s 后,选择关闭 Web 页面或应用,导致用户流失。 当下前端框架,基本都是js 驱动型的,也就是说在JS 代码…
Vue页面骨架屏
在开发webapp的时候总是会受到首屏加载时间过长的影响,主流的解决方法是在载入完成之前显示loading图效果,而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问题,越来越多的APP采用了“骨架屏”的方式去提升用户体验。
浏览器多进程解析
每开一个标签页,就相当于创建了一个独立的浏览器进程。(有的时候会将多个标签页合并成一个进程) 当界面需要重绘(repaint)或某种操作导致回流(reflow)时,该线程就会执行。 GUI渲染线程与JS引擎线程是互斥的,当JS引擎线程执行时,该线程就会被挂起,GUI更新会保存在…
关于JS引擎优化的理解
之前在网上断续地了解过JS引擎对JS源代码的优化过程,但都不是特别明白,最近阅读Mathias Bynens(V8作者之一)的关于JS引擎的优化原理的博文后觉得相对来说是讲得最明白易懂的,让我用最简单的方式对这个问题有了自己的理解。 这篇笔记是我对这个问题的个人理解的简单总结。…
浏览器多进程、JS单线程,EventLoop的相爱相杀
几乎在每一本JS相关的书籍中,都会说JS是单线程的,JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说,根本搞不清楚单线程的JS为什么拥有异步的能力,所以,我试图从进程、线程的角度来解释这个问题。 计算机的核心是CPU,它承担了所有的计算…