首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端:性能优化
mCell
创建于2024-06-08
订阅专栏
在前端领域,性能优化一直是个老生常谈的话题,本专栏持续更新。
等 5 人订阅
共14篇文章
创建于2024-06-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
IndexedDB:前端数据库的“特种兵”👨💻
IndexedDB,一个名字听起来硬核但非常实用的浏览器 API,它让你在前端存储大量结构化数据成为可能。它比 `localStorage` 更强大,支持事务、索引、多键查询,简直就是为“数据
100个请求,如何做好并发控制?
关于这个问题,”100个请求,如何实现并发控制“,不仅仅是面试中常见的问题,还是项目开发中真切存在的需求。做好请求的并发控制,无论是浏览器性能瓶颈,还是服务器压力等,都是非常重要的性能优化手段。
你必须知道的Gzip与图片压缩:让网页飞起来的秘密武器
为什么你的网页加载慢?可能是忽略了代码和图片的“瘦身”技巧!本文讲解如何用 Gzip 压缩代码、优化图片资源,解决“解压耗时”疑问。让你的网页秒开不是梦!
CSS还能做性能优化?
关于CSS的性能优化本该放在前面就写的,笔者在昨天写性能优化的懒加载方面时,想到CSS的一些优化方法。这篇算是补写的?那我们就来看看怎么给CSS做性能优化。
懒加载(延迟加载):不用不加载
你不看,我就不加载。借助这个“偷懒”的思路,资源懒加载由此而生。本文将讲解一些常见的懒加载优化,附参考资料。
通过Vue看性能优化
在聊Vue优化之前,我们必须先知道一个共识:这些脱颖而出的前端框架自身已经做了很多性能优化。我们要做的无非有两件事:了解知晓已经做的的和具体场景的再优化。
更小、更快:图片格式
既然网络请求资源这么多,那我直接让资源更小不就完事了。一方面减轻服务器压力,另一方面减轻客户端请求压力。新技术应用下Webp格式图片应用而生。
服务器也开分店:CDN
一个商品店如果想做大做强,在外地开分店就是个很好的决策,通过这种方式,其他地区的人也能快速的购买到该商店出品的商品。同样,如果按照这个思路,服务器在各个地区开分器?于是乎,CDN 由此而生。
从Js到V8引擎:垃圾回收
研究JS的垃圾回收机制,其实就是研究JS所运行时环境的内存管理机制。从原生JS的垃圾回收机制,再到V8引擎所使用的新的回收机制,每一种机制都值得拿出来探究,本文以图文的形式争取让大家理解。
从本地加载更快:浏览器缓存
本地加载速度远大于网络加载速度,借助这个思路,如果我把常用数据存储在本地,不就能加快速度了吗?于是乎,浏览器缓存。
你居然不知道回流和重绘?
回流和重绘是前端开发中在开发过程中必须掌握的基础知识,涉及到性能优化和用户体验。笔者在面试的时候被面试官问到,回答的并不好,特来此总结。
为什么不做防抖和节流啊!
节流和防抖在前端性能优化方面具有举足轻重的作用。看过八股或者参加过面试的同学想必不用多说,都知道这-是个经常考察的内容。
Lighthouse && DevTools
工欲善其事,必先利其器。要做好性能优化,就要先了解怎么去监控性能优化,本文会着重讲解性能优化的工具使用:Chrome DevTools && Lighthouse.
Web Worker,启动!
Web Worker,启动!众所周知,JavaScript在处理任务时分为同步和异步两种模式,这种设计巧妙地缓解了主线程被阻塞的问题。然而,这并不意味着所有阻塞情况都已得到解决。