首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
用户1886229820868
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
31
文章 31
沸点 0
赞
31
返回
|
搜索文章
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 12 期 - 下拉框数据量过大的卡顿优化
性能分析 当服务端返回的选择项数据达到一定量级的时候,加载渲染时会异常的卡顿,甚至会引发整个页面的卡顿 此时的用户体验是及差的 优化方案 对数据进行处理,只展示前 n 百条...
14
2
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 13 期 - 无限异步长列表的最佳方案
性能分析 当页面中包含大量元素和复杂布局的时候,页面会有明显的卡顿感,会严重影响用户体验 常见场景:大数据量的列表渲染,如 无限滚动的列表 或 表格 卡顿根源:一次性渲染的...
11
8
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 14 期 - 页面平滑滚动(返回顶部)
在一个长内容的页面中,当滚动到一定的距离时,会出现一个 "返回顶部" 的图标,点击会平滑的返回到页面顶部,有助于提升用户体验...
15
评论
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 15 期 - 巧用浏览器的绘制周期做优化
什么是FPS 每秒绘制的帧数,也可以理解为每秒画面的更新次数 目前大多数设备的屏幕刷新率为 60次/秒,也就是说每 1000 / 60 ≈ 16.67ms 浏览器绘制一次 ...
6
评论
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 16 期 - 合理利用渲染帧内的空闲时间
事件处理和屏幕更新是用户关注性能最明显的两种方式,防止事件队列中出现卡顿是很重要的。可以充分利用浏览器渲染帧的空余时间,既不会导致系统延迟,也有助于浏览器的事件循环平稳运行...
5
评论
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 17 期 - 文件类型的终极校验,堪称完美
如果把任意的垃圾文件后缀名修改成允许上传的类型,不仅会造成程序崩溃,还有可能会浪费不必要的资源。这种恶意上传的操作,不仅带来安全隐患,还会造成不必要的性能开销...
34
12
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 18 期 - 轻量级的数据实时更新(SSE)
服务器发送事件(Server-Sent Events,简称 SSE)其实就是浏览器向服务器发送一个 HTTP 请求,然后服务器不断单向地向浏览器推送消息。所谓的消息,其实就...
15
1
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
2年前
关注
优化实战 第 19 期 - 生成视频文件指定帧为封面
在页面上展示视频时,如果给视频设置一个封面图,既可以强化视觉体验,也可以增加视频的吸引力,这是非常棒的用户体验...
19
4
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
1年前
关注
优化实战 第 20 期 - 图片的优化策略,推荐 WebP
图片是页面上重要的组成部分,在页面加载的过程中,应当优先让图片和文字最快的展示,提高页面的加载速度。...
52
2
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
1年前
关注
优化实战 第 22 期 - 基于Cookie实现SSO单点登录
由于 HTTP 协议具有无状态的特点,对于事物的处理没有记忆能力,每一次请求都是独立的,这样就无法保持客户端与服务端的会话状态...
14
评论
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
1年前
关注
优化实战 第 23 期 - 浏览器WebStorage存储在优化中的应用
Web Storage 是 HTML5 专门为浏览器存储而提供的数据存储机制。目的是为了解决本不应该 Cookie 做的事情,却不得不用 Cookie 的本地存储...
6
评论
分享
用户1886229820868
赞了这篇文章
丢丢哥
Client & Server @垃圾工厂
·
1年前
关注
优化实战 第 24 期 - 最多二行代码,高效提升渲染性能
在 Chrome 浏览器版本 85 中,新增了 content-visibility 属性,可以跳过非可视区域内的内容布局和渲染,直到用户需要它为止。目的是为了提升页面的加...
7
1
分享
关注了
1
关注者
0
收藏集
0
关注标签
0
加入于
2022-04-12