首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能和体验
订阅
ultimater
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里,笔者通过本文整理出关于前端性能优化的九大策略和六大指标
我给网站做了一场性能手术
风和日丽: 我正笑嘻嘻地抓着我炫酷的ikbc键盘疯狂的敲着Bug. 晴天霹雳: 被拉进了一个群,产品说我做的网站很卡,需要做性能优化. 难以置信: 我可是用尊贵的Vue3+T
统计页面首屏时间,很多人第一步就错了
前端页面性能对用户留存、用户直观体验有着重要作用。这样的话如何更好的监控前端页面性能就变的十分重要。前端页面的性能监控主要分为两个方式: 一种叫做合成监控 Synthetic Monitoring, SYN。就是在一个模拟场景里,提交一个需要做性能审计的页面,通过一系列的工具、…
首屏优化实践
之前的项目在部署之后首屏加载过慢了,因此最近有想进行简单的优化一下,顺便就想以一个初学者的角度将项目优化的思路有条理的梳理一下,因为水平原因,很多方法可能只能写下思路,没办法应用在自己的项目上,而且可能很多的优化方案已经略有过时。主要还是想做一下有关优化知识的梳理吧,毕竟优化是…
前端性能优化之图片懒加载
在类电商类项目,往往存在大量的图片,如 banner 广告图,菜单导航图,美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度,造成不良的用户体验,所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示,这个页面启动时加载了几十张图…
【FunnyCoder第0期】非科班前端老司机从2K到40K之路
朋友们大家好,我是大圣啊。 主要希望能给大家一些启发。我觉得我我本人还是一个很有意思的一个程序员,所以我干脆设计一档节目就叫做FunnyCoder,然后在采访些我周围类似的一些比较有趣的程序员。除了职业生涯之外,还有一些别的特点,所以呢第0期,就是采访我自己,然后也算是给我那段…
收下这波 JS 技巧,从此少加班
界面展示的时间千变万化, 所以一个处理时间的函数,它的重要性就不言而喻了。 formatDate 接受俩个参数, oldDate 类型可以是 Date,String,Number。因为现在用时间戳传递时间真的是蛮多,也蛮方便的,而JS 是一门弱类型语言,所以我将 String …
【干货】前端进阶应该知道的这些调试方法
方法虽然简单粗暴,但是它是实用且简单的。然而,如果 BUG 十分复杂,涉及到跨组件甚至是源码,采用打 log 的方式就变得十分麻烦了; F12 打开调试工具之后刷新页面,断点就会停在 created 里了。 当然,这里只是做简单的示例,实际情况更加复杂的时候,右边的堆栈可以让你…
单页式应用性能优化 - 首屏数据渐进式预加载
针对首页和部分页面打开速度慢的问题,我们开始对单页式应用性能进行优化。本文介绍其中一个方案:基于 HTTP Chunk 的首屏数据渐进式预加载方案,该方案总体减少了单页应用 1.2s 的首屏呈现时间。同时对比其与同构渲染方案的异同。
(1.6w字)浏览器灵魂之问,请问你能接得住几个?
作为一个合格的前端工程师,浏览器相关的工作原理是我们进行性能优化的基石,我之前也强调过知识体系的重要性,这部分原理性的内容就是知识体系中的重要部分,必须牢牢掌握才能面对瞬息万变的实际场景,针对性地给出实际方案,而不是背诵各种开发军规和性能优化的条例,这样很难发现真正的问题所在,…