基本信息

Lv1
不努力就没饭吃

荣誉勋章

Lv1
  • 一次Performance性能分析案例
    导语Chrome Devtools 的 Performance 工具是性能分析和优化的利器,因为它可以记录每一段代码的耗时,进而分析出性能瓶颈,然后做针对性的优化。这么强大的工具肯定是要好好掌握的,今天我们就来做一个性能优化的案例来快速上手 Performance 吧。 正文性能
  • 有道直播针对页面性能优化的问题复盘
    导语直播和录播在前端展现的越来越多了,当然随之而来的问题也是层出不穷。本篇是有道技术团队一次针对录播页面卡顿问题的探讨和优化,希望阅读完本篇文章大家能有所收获! 正文项目背景在 code_pc 项目中,前端需要使用 rrweb 对老师教学内容进行录制,学员可以进行录制回放。为减小
  • webpack打包优化的3种方法
    导语webpack作为一款主流的打包工具,给用户预留了足够多的配置自由度,也存在很多优化空间,今天我们就一下几点讨论webpack打包优化。 正文抽取公共代码目标:把功能逻辑相同的代码进行单独打包,缩小各业务模块打包文件体积,实现打包文件并行加载,优化页面性能适用场景:多页应用
  • Linux性能问题分析流程与性能优化
    导语本篇主要 正文排查顺序整体情况:top/htop/atop命令查看进程/线程、CPU、内存使用情况,CPU使用情况;dstat 2查看CPU、磁盘IO、网络IO、换页、中断、切换,系统I/O状态;vmstat 2查看内存使用情况,内存状态;iostat -d -x
  • 从实际项目入手,完成web性能监控及优化
    导语 这篇文章总结一下我过往项目的web性能优化,主要是就项目中如何发现性能问题,优化如何解决,谈一下性能优化。把学习的过程跟大家分享一下,共同学习。web的性能监测工具我用的是Chrome的Performance 面板和Lighthouse。 正文 回想起
  • 如何使用 Webpack 将启动时间减少 80%
    导语webpack的性能调优是前端优化经常用的优化方式,本篇主要通过对webpack的配置来优化webpack,比较适合初级读者阅读。 正文我们在 RudderStack 使用的开发方式之一是安全快速地构建,然后根据需要进行优化,这种模式使我们能够优先考虑客户问题,跟上 Rudde
  • 使用 CSS font-display 优化字体加载和替换
    导语 在编写网站的时候,或多或少都会用到一些网络上的字体,CSS 3 中虽然加入了对 Web Fonts(网络字体)的支持,但是浏览器对它们的加载和默认处理方式会极大的影响网站的性能和用户体验。例如默认情况下,在 Web Fonts 加载时,使用该字体的地方会显示空白,直到字体下载完成
  • 闲鱼对Flutter滑动体验的优化实践
    导语自从使用了Flutter以来,闲鱼在享受着跨端带来的提效的同时,流畅度一直是困扰了我们许久的问题,也是被外界吐槽得比较多的地方。所以我们在过去半年,重新牵起了流畅度优化这件事情,目标只有一个,那就是拉平Flutter和Native的滑动体验。我们把这个目标拆分为了两个:滑动曲线优化,拉齐手感渲
  • 用Webpack这15个点,速度提升70%,体积减小80%!
    导语使用webpack打包躲不开的就是webpack优化这个话题,无论是面试还是实际开发,优化都是非常重要的事情,毕竟提升用户体验是我们前端工程师的职责。正文构建时间优化首先就是构建时间的优化了thread-loader多进程打包,可以大大提高构建的速度,使用方法是将thread-loa
  • 腾讯云医小程序性能优化与监控的实战
    前言腾讯云医业务是为医生与患者打造的云上一站式医疗服务平台,为了降低医生首次入驻平台的成本;利用好微信的私域流量;保证医患双方有更接近端原生的使用体验,我们选择以微信小程序作为医患双端的核心承载形式。图片小程序相对于原生本来就存在一定的性能差距,云医小程序上线后,随着入驻医生,使用患者的稳步增