首页
沸点
课程
AI Coding
数据标注
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端性能
订阅
Nuono
更多收藏集
微信扫码分享
微信
新浪微博
QQ
67篇文章 · 0订阅
一个防止你多次调用接口的小轮子
之前听了同事的一个分享会,一个场景是父模块需要一个接口的数据,子模块也是需要这个接口的数据,如果子父模块都调这个接口的话,就浪费性能。当然也可以使用vuex,props这种传参。使用vuex的话就太笨重了,复用到别的项目麻烦就会出现,眼下props是最佳,不过有时候因为其他一些…
『前端优化』—— Vue项目性能优化
本文谨以自己的Vue项目经验来教你怎么在面试中说优化,如果有错误,有不足的,请指教,不吝指教,一起进步,找到更好的工作。如果觉得的本文对您有帮助,点个赞支持一下。 我个人认为性能优化可以从三个方面来进行,一是代码层面的优化,二是项目打包的优化,三是项目部署的优化。 开场白切记要…
前端性能优化-图片懒加载(防抖、节流)
在一些图片量比较大的场景(电商首页,小程序首页等),如果我们打开页面时就加载所有的图片,那势必会导致页面的卡顿以及白屏,给用户不好的体验,导致用户流失。 但是我们仔细想一下,用户真的需要我们显示所有图片一起展示吗?其实并不是,用户看到的只是浏览器可视区域的内容。所以从这个情况我…
小程序动画性能优化实践
总括: 本文以一个实际上线的项目为案例,从初始方案的思考,到方案对比选择考量,再到最后的实践优化,向读者介绍了如何在小程序中优化一个动画,从而提升页面性能,对了解小程序基本运作原理和性能优化有一定的启发。 该项目的诉求是实现一个3D效果的地球,并支持转动动画效果,但小程序不支持…
为你重新系统梳理下, Web 体验优化中和图有关的那些事(万字长文)
Web 页面性能优化,解决了图片相关,问题就解决了大半。本文从 Web 常见的图片格式入手,引出与图片优化相关的有效方案,期望对大家能有一点帮助。 有损压缩:借由将次要的信息数据舍弃,牺牲一些质量来减少数据量、提高压缩比。这个过程是不可逆的。图片常见的有损压缩手段是合并相近的像…
前端优化系列 - JS混淆引入性能天坑
前言 现在用户手机性能,浏览器性能,网络性能,越来越好,后端逻辑逐渐向前端转移,前端渲染变得越来越普遍。前端渲染主要依赖JS去完成核心逻辑,JS正变得越来越重要。而JS文件是以源码的形式传输,可以在Chrome Devtools上轻易地被修改和调试。 现在用户手机性能,浏览器性…
决战性能之巅 - Taro H5 转换与优化升级
作为一个多端开发框架,Taro 从项目发起时就已经支持编译到 H5 端。随着 Taro 多端能力的不断成熟,我们对 Taro H5 端应用的要求也不断提升。我们已经不再满足于“能跑”,更希望 Taro 能跑得快。 我们经常收到用户反馈:为什么使用 Taro 脚手架创建的空项目,…
帧动画的多种实现方式与性能对比
以上各种动画形式都可以制作出一种类型的动画,那就是帧动画,也叫序列帧动画,定格动画,逐帧动画等,这里我们统一用帧动画来表述。 帧动画一般用来实现稍微复杂一点的动画效果,同时希望动画更细腻,设计师更自由的发挥。他可以定义到每一个时间刻度上的展现内容,我们一般用帧动画来做页面的Lo…
前端性能之JavaScript成本(2018)
原文是在Medium上面看到的,Chrome工程师Addy Osmani发布的一篇文章,这位的Medium上面的自我介绍里面有一句Passionate about making the web fast,和这篇文章的主体可以说非常契合了。 最近在做一个服务端渲染的项目,到底页面…