羚珑平台的动图可视化设计之前只支持mp4的导出，但在业务方使用场景中大部分需要投放GIF。故本文主要介绍使用gif.js生成GIF时遇到的一些问题、GIF压缩以及GIF的文件格式和对应编码在gif.js是如何实现的。GIF文件结构介绍位图图形文件格式，采用8位(256色)重现真彩色的图像。它实际上是一种压缩文档，采用LZW压缩算

前端性能优化1、减少资源的请求次数和大小压缩合并js和css文件，减少http请求次数和请求资源的大小；在项目中使用webpackglup等打包编译工具2、尽量使用字体图标或者svg图标代替传统的png（jpg）图渲染更快，减少代码体积，且放大不会出现变形等3、使用图片懒加载目的是减少页面第一次加载的http请求次数，实现思路：

为什么要做性能优化？性能优化有多重要？网站的性能对于用户的留存率、转化率有很大的影响，直白的说，提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类：1.加载时优化；2.运行时优化；例如压缩文件、使用CDN加载静态资源属于加载时优化；及时的解绑事件、减少DOM的操作属于运行时优化。吉

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。1.减少HTTP请求一个完整的HTTP请求需要经历DNS查找，

为什么要做性能优化？性能优化有多重要？网站的性能对于用户的留存率、转化率有很大的影响，直白的说，提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类：1.加载时优化；2.运行时优化；例如压缩文件、使用CDN加载静态资源属于加载时优化；及时的解绑事件、减少DOM的操作属于运行时优化。吉

无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化35条军规,这样对于优化有一个比较清晰的方向.35条军规1.尽量减少HTTP请求个数——须权衡2.使用CDN（内容分发网络）3.为文件头指定Expires或CacheControl，使内容具有缓存性。4.避免空的

一.上文回顾上回我们主要从图片的合并、压缩等方面介绍前端性能优化问题（详见JavaWeb前端高性能优化（一)(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fclub.oneapm.com%2Ft%2Fjavaweb%2F399)）本次我们主要从图像BASE64

作为C端前端研发，除了攻克业务难点以外，也要有更深层的自我目标，那就是性能优化。这事儿说大不大，说小也不小，但难度绝对不一般，所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事！文章主要内容介绍前端性能考核指标及优化方案。

本文详细介绍了一个前端项目优化的详细过程，从优化前的问题分析，到具体的优化措施，最终实现了前端性能提升了近3倍。同时也将性能指标落到监控平台，实现可视化的监控前端性能指标。

前言最近在做性能优化，具体优化手段，网上铺天盖地，这里就不重复了。性能优化可分为以下几个维度：代码层面、构建层面、网络层面。本文主要是从代码层面探索前端性能，主要分为以下4个小节。使用CSS替代JS深度剖析JS前端算法计算机底层使用CSS替代JS这里主要从