首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
浏览器与前端性能
订阅
NgSeven7
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
使用 Sentry 做性能监控 - 原理篇
衡量一个站点性能的好坏,我们通常看两个方面: 首屏性能和页面加载以后整个交互的流畅程度。这两个指标的好坏,决定了站点是否可以
对不起 localStorage,现在我爱上 localForage了!
前端本地化存储算是一个老生常谈的话题了,我们对于 cookies、Web Storage(sessionStorage、localStorage)的使用已经非常熟悉,在面试与实际操作之中也会经常
花一刻钟迅速读懂浏览器渲染的全过程
大家好,我是小杜杜,今天聊聊一个老生常谈的话题:浏览器的渲染过程,在面试的过程中,这个问题也是常考题,通常面试官会问:从输入一个url地址到浏览器完成渲染的整个过程发生了什么?
前端性能优化之Gzip
由于我们团队的前端项目越来越庞大,加之Vue的SPA首屏加载特性,导致系统第一次加载速度越来越缓慢,可能达到几十秒的程度,所以为了优化用户性能体验,我们选择了开启Gzip进行文件压缩,确实达到了显著的效果。 Gzip原本用户UNIX系统的文件压缩,后来逐渐成为Internet最…
「简明性能优化」双端开启Gzip指南
1. 开启gzip压缩的好处 可以减小文件体积,传输速度更快。gzip是节省带宽和加快站点速度的有效方法。 客户端接受到数据后去检查对应字段的信息,就可以根据相应的格式去解码。 客户端请求时,可以用 Accept-Encoding:gzip,用户说明接受哪些压缩方法。 客户端在…
写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里,笔者通过本文整理出关于前端性能优化的九大策略和六大指标
一文带你了解如何排查内存泄漏导致的页面卡顿现象
那什么是内存泄漏呢?借助别的大佬给出的定义,内存泄漏就是指由于疏忽或者程序的某些错误造成未能释放已经不再使用的内存的情况。简单来讲就是假设某个变量占用100M的内存,而你又用不到这个变量,但是这个变量没有被手动的回收或自动回收,即仍然占用100M的内存空间,这就是一种内存的浪…
仅使用CSS提高页面渲染速度
作者:大漠用户在访问一个Web网站(页面)或应用时,总是希望它的加载速度快,功能流畅。如果过于慢,用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员,给自己应用提供更快的访问速度,提供很好
彻底搞懂 JS 事件轮询
我们想要给页面添加一个元素,同时该元素出现在页面一开始应该是隐藏的。但是是否你会感觉看起来很难受,你不知道是否用户会看到在该元素在隐藏之前发生闪现。 但实际上,上面的两种写法的效果是一样的,它们没有竞争关系, 在 JS 运行和渲染页面在浏览器中都有着规定且确定的时间段, 这些东…
从 8 道面试题看浏览器渲染过程与性能优化
移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…