首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
专业潜水二十年
更多收藏集
微信扫码分享
微信
新浪微博
QQ
26篇文章 · 1订阅
Webpack 中的 sideEffects 到底该怎么用?
webpack v4 开始新增了一个 sideEffects 特性,通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用),从而可以为 tree-shaking 提供更大的优化空间。 基于我们对 fp…
tree-shaking的副作用(side effects)
在进行tree-shaking时,如果移除的代码包含有副作用,那么这些副作用也会丢失,可能会导致程序行为的改变
前端性能优化的几个大招(理论+实践,看完就是Leader水平)
前言 性能优化,一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中,总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么?优化
Webpack代码分割详解:原理、配置与实践
这篇文章主要介绍了Webpack的代码分割功能。它详细解释了代码分割的原理,并通过一个完整的例子演示了如何在项目中实现代码分割。文章还深入分析了SplitChunksPlugin的源码,阐明了其工作流
preload、prefetch、preconnect 和 dns-prefetch 知多少
preload 提升了资源加载的优先级,使得它提前开始加载(预加载),在需要用的时候能够更快的使用上。另外 onload 事件必须等页面所有资源都加载完成才触发,而当给某个资源加上 preload 后,该资源将不会阻塞 onload。 此时的 main.js 加载顺序出现在了 …
webpack5 SplitChunksPlugin 实用指南
提到前端打包工具,毫无疑问想先到的是webpack。但是前端发展地很快,时不时会有新东西出现,打包工具这边之前也出现parcel和rollup。各种工具的碰撞,相互汲取优点,促进技术的发展。 webpack4中支持了零配置的特性,同时对块打包也做了优化,CommonsChunk…
前端性能优化指标 + 检测工具
web性能说白了就是网站打开速度快不快,页面中的动画够不够流畅,表单提交的速度是否快,列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网站或应用程序的客观度量和可感
写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里,笔者通过本文整理出关于前端性能优化的九大策略和六大指标
Vue 项目性能优化 — 实践指南(网上最全 / 详细)
Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue …
Vue 应用性能优化指南
得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更新的时候哪个组件需要重新渲染,渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上,Vue 应用的开发者一般不需要做额外的优化工作。 但在…