首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端性能优化
订阅
Wqh62619
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
中高级前端工程师必备14种性能优化方案
马上又是金三银四了,又要面对头疼的面试题了。经常容易被问到性能优化相关的问题,没准备的小伙伴进来看看吧,准备了的也可以考虑再熟悉熟悉呀,记忆更深刻一点。
基于ESLint+Prettier+Stylelint+git提交规范的团队规范指南
团队规范配置教程,四大规范体系相结合,对团队成员的代码开发进行严格规范,使代码更易维护,保证代码的质量和规范性。
Web前端性能优化——如何提高页面加载速度
在同样的网络环境下,两个同样能满足你的需求的网站,一个“Duang”的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Go…
【前端优化】首屏加载 9.2s 压缩至 3.6 s
随着业务的不断迭代,项目日渐壮大,为了给用户提供更优的体验,前端优化是我们避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度,想必我们浏览网页时都更喜欢丝般顺滑的感受。 作为前端工程师来说,项目优化主要关注一下几点:白屏时间、首屏时间、整页时间、DNS时间…
使用 ESLint、Prettier 和 Stylelint 来规范代码
前言 无论是多人协作还是个人项目,代码规范都非常重要。遵循代码规范不仅能减少基本语法错误,同时也保证了代码的可读性。而代码风格检查则是确保代码规范一致性的重要工具之一。 ESLint ESLint 是
Chrome DevTools Performance 功能详解
简介 本文介绍 Chrome DevTools Performance 面板的所有功能,以便使用其分析页面加载时/运行时性能,找出性能瓶颈。 功能面板概览 控制面板(红色区域):控制性能分析相关功能的
前端性能优化——首页资源压缩63%、白屏时间缩短86%
提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理
用performance分析网页的渲染,我悟了!
一、写在前面 我发现即便工作很久了,我还是不会用performance性能分析工具,可能很多小伙伴跟我有一样的问题! 于是我怒学了一通performance性能工具的使用,想写一篇如何使用perfor
2023 前端性能优化清单
前言 🎉 本文将从三个角度(页面渲染,打包优化,总体优化)分析前端性能优化的一些方案。如有错误,欢迎指出,也可以在评论区提出你对性能优化的一些见解,相互学习,共同进步!💪 (ps: 小彬之前也总结过一
前端加载超大图片(100M以上)实现秒开解决方案
对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程,以便于存储和处理。