首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化系列
订阅
Sunflower127
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
性能优化,前端能做的不多
大家好,我是双越老师。从全栈角度看,前端能做的性能优化不多,就拆分资源和异步加载,这些都会在网络层面很好的解决。一个 web 系统的性能瓶颈主要在于网络和服务端,前端主要做体验优化,而非性能优化。
前端性能优化——首页资源压缩63%、白屏时间缩短86%
提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理
前端性能优化三部曲(加载篇)
虽然前端开发作为 GUI 开发的一种,但是存在其特殊性,前端的特殊性就在于“动态”二字,传统 GUI 开发,不管是桌面应用还是移动端应用都是需要预先下载的,只有先下载应用程序才会在本地操作系统运行,而前端不同,它是“动态增量”式的,我们的前端应用往往是实时加载执行的,并不需要预…
移动 H5 首屏秒开优化方案探讨
总结起来,大体优化思路就是:缓存/预加载/并行,缓存一切网络请求,尽量在用户打开之前就加载好所有内容,能并行做的事不串行做。这里有些优化手段需要做好一整套工具和流程支持,需要跟开发效率权衡,视实际需求优化。
用performance分析网页的渲染,我悟了!
一、写在前面 我发现即便工作很久了,我还是不会用performance性能分析工具,可能很多小伙伴跟我有一样的问题! 于是我怒学了一通performance性能工具的使用,想写一篇如何使用perfor
Vue3+Vite+Rollup项目如何大幅提升性能
Vite+rollup#Vite+rollup性能#Vite+rollup优化#Vite+rollup前端性能优化#Vite+rollup图片处理#压缩处理#实践#提升#ESM#FCP
Vue首屏加载速度优化,提升80%以上
1. 首先安装webpack的可视化资源分析工具,命令行执行: 2. 然后在webpack的dev开发模式配置中,引入插件,代码如下: 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果,如下所示: 可以看到vue全家桶相关依赖占用了…
【SSD系列】图片作为背景的闪白问题,6种基础方案, 不会不知道吧
前端使用图片作为背景,需要远程加载,会有一个闪白的效果,针对这个问题,本来进行了多种方案的探索,一起来了解吧。
百万PV商城实践系列 - 前端图片资源优化实战
本文主要以商城实例做为切入点,对项目中经常出现的图片资源列举了对应场景下的解决方案,如果项目中碰到非常多的图片资源,那么可以尝试下文中的一些优化方案。
腾讯课堂小程序性能极致优化——综合篇
如果你的小程序也遇到了性能问题,我们的实践经验也许可以给到你启发,我们从小程序的启动、加载到交互都进行了探索。顺便说一句,这篇文章在腾讯内部曾被小程序技术总监打赏。