在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。缓存技术一直一来在WEB技术体系中扮演非常重要角色，是快速且有效地提升性能的手段。 一个优秀的缓存策略可以缩短网页请求资源的距离，减少延…

开发前端也有几年了，一直很忙，课下看书，或者做一些笔记，看看别人的见解，也会做一些笔记记录，有时间就来刷刷掘金，逛逛技术网站，尴尬的事情是自己没有认真的总结过一些笔记和知识点，发出来大家共同学习，最近也才开始做一些markdown，后续我会抽时间继续做这件事，有什么不对的知识点，…

在前端性能优化树上有很多值得展开的话题，从输入 URL 到页面加载完成发生了什么 这一道经典的面试题就涉及到很多内容，但前端主要关注的部分还是 浏览器解析响应的内容并渲染展示给用户 这一步，本文将会详细分析这一步的具体过程并在分析的过程中理解该如何做性能优化。 浏览器从磁盘或网…

今天我们将研究一下能显著提升页面性能的方法 —— 资源提示与指令。你也许听说过 preload，prefetch 和 preconnect，可是我们想研究的更深一点，搞清他们之间的区别并且充分的利用它们。它们带来的好处包括允许前端开发人员来优化资源的加载，减少往返路径并且在浏览…

我本来是打算写一篇co源码精读(为啥读co，因为它短)，然鹅发现自己存在一系列基础问题没有搞透彻，打算写一个js基础系列文章，总结自己的理解(copy)，希望与你在学习路上一同进步。首先问问自己当面试官问到js中的同步和异步，这个问题该怎么回答？理解一个问题无非是what-wh…

本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…

1. 开启gzip压缩的好处 可以减小文件体积，传输速度更快。gzip是节省带宽和加快站点速度的有效方法。 客户端接受到数据后去检查对应字段的信息，就可以根据相应的格式去解码。 客户端请求时，可以用 Accept-Encoding:gzip，用户说明接受哪些压缩方法。 客户端在…

参考：火辣辣前端博客 three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。在使用的时候，虽然three.js做了优化，但是在使用不恰当的代码，也会产生性能损耗。