首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端性能优化
订阅
Westen
更多收藏集
微信扫码分享
微信
新浪微博
QQ
40篇文章 · 0订阅
前端性能-首次加载优化70%
打包体积优化!!!优化一半!!首次加载速度优化!!优化一半!!要让我们的项目fast fast fast!!
【webpack快速入门】如何通过webpack摇树优化做前端性能优化?
前言 大家好,我是东东吖,一名前端工程师。不知道你们有没有接手过大型、版本变更迭代多的项目,这样的项目里面会存在很多重构和废弃未调用的方法,这样会导致在编译速度慢、打包后的体积大。
你应该知道webpack的这13个常用优化技巧
无论是自己的日常开发,还是准备面试,都应该掌握一些关于 Webpack 的优化技巧。这篇文章将介绍13个常用的优化技巧,请码住收藏!
每个前端都必须要学会的Webpack优化手段
前言 大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli,但是只是基本搭建,而没有进
图片预加载和懒加载(附上一个小demo瀑布流)
图片预加载图片懒加载小demo:瀑布流思想:代码实现https://github.com/polikesen123/waterfall
🐢11s到⚡1s,性能优化之首屏加载🚀
在对项目做了一些优化处理后,再次无缓存打开可以发现网页几乎是秒开,平均耗时在1s以内 在这里总结记录一下,基本上都是一些常规可复制的优化手段,希望能为同样想优化网页性能的你提供思路~
用 preload 预加载页面资源
本文主要介绍preload的使用,以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令,让浏览器提前加载指定资源(加载后并不执行),在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome,所以可放…
如何实现图片预加载
图片预加载需求解决基础版本chrome会从内存或者磁盘读取缓存过的进阶版本用法参考promise.all用法
你不可能知道的骨架屏玩法🐶
作者在我司,做了C端活动架构升级,产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。
首屏预渲染方案
该方案主要是为了解决,前端 spa (单页面应用),首屏渲染慢,白屏时间过长问题。 通过 webpack 的 prerender-spa-plugin 编译应用中的静态页面,并将其输出到对应的索引目录。 prerender-spa-plugin 利用了 Puppeteer 的爬…