本来将会带大家熟悉常见的JPEG、PNG以及GIF三种图片的不同特性及应用场景，让大家在前端开发过程中更有针对性的去在不同的场景中使用不同格式的图片。 不适合线条图形和文字、图标图形，因为它的压缩算法不太支持此类型的图片。 非常适合颜色丰富的照片、彩色大图、焦点图、banner…

从技术方面来讲，前端性能监控主要分为两种方式，一种叫做合成监控（Synthetic Monitoring，SYN），另一种是真实用户监控（Real User Monitoring，RUM）。 就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的…

根据W3C性能小组的介绍，超过50ms的任务就是长任务。 根据上图我们可以知道，当延迟超过100ms，用户就会察觉到轻微的延迟。 所以为了避免这种情况，我们可以使用两种方案，一种是Web Worker，另一种是时间切片（Time Slicing）。 我们都知道，JS是单线程，所…

H5 产品，功能无疑很重要，但是性能同样是用户体验中不可或缺的一环。如果不把性能优化做起来，将极大地影响用户使用产品的积极性。

性能优化是前端开发中不可避免的一个话题。本文将记录一次客户端内H5页面首屏性能优化的项目。 信息流App是当下最流行的产品之一，如今日头条等。我所在的团队也是在做这样一款信息流App。App的Feed流是客户端Native实现的。用户点击Feed流中的文章后，会进入到文章底层页…

搞技术的都知道，TCP 的三次握手和四次挥手的过程。在这里，为了不那么无聊枯燥，笔者想用通俗的文字来描述一下 TCP 的三次握手，作为开头。 很久很久以前，有两个球球，一个叫 ‘小青蛙’，一个叫‘小乌龟’，分住在山的两段。这两个球球都有 一张嘴巴 和 两只耳朵，但都看不见。有一…

我们在淘宝购物，大部分个人卖家只是在一个地方发货，江浙沪以外的地方好像收货都比较慢。 而我们在京东上买自营产品的话，它会根据我们的收货地点，在全国范围内找离我们最近、送达最快的仓库，不管我们在江浙沪，还是新疆西藏内蒙古，我们的收货时间都会大大减少。京东的物流体系就类似于 CDN…

前端优化之路必不可少的知识点。 ... 本文按一定顺序总结与前端性能优化的基本点，大家可以按步骤逐一检查自己的项目，找出性能的瓶颈。如有错误遗漏欢迎补充纠正。 文章有些原理细节都在参考文章中，价值较高建议读一读。 如果发现开发时打包慢、打包体积太大，这是你就要审视下配置了。 比…