打包优化-整体介绍 项目开发完成 打包 ： 用webpack做打包（把.vue, .js, .less ------> .js, .css, .html） 在项目中都会提供命令： npm run bu

大家总说性能优化的xxx条建议，但实际操作时又觉得很无力。本文就带你体验一次真实的性能优化案例和原理解析

前言 在这互联网高速发展的时代，人们对于网页打开的速度要求越来越高。加载时间过长，兼容处理不够全面等很容易造成用户流失。作为一名前端开发，优化用户体验是一件永无止境的事情，没有最优，只有更优。前端性能

前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资

性能优化需要从哪几个方面入手？我们要先了解浏览器打开网页的过程。 下面我们分别对这几个阶段进行优化。 DNS全称Domain Name System。它是互联网的“通讯录”，它记录域名与实际ip地址的关系，域名是为了方面人类记忆。每次我们方位一个网站，都要通过各级的DNS服务器…

贴上 上篇：125 个优化网站可用性的小点子（上） http://www.jianshu.com/p/88ca496b75db

WebP格式，谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。 图片压缩结果，使用webp图片格式后的图片资源大幅度减小。 结果：谷歌全面支持、安卓浏览器从4.2开始支持。那么在页面中对于安卓用户中图片…

个人专栏 ES6 深入浅出已上线，深入ES6 ，通过案例学习掌握 ES6 中新特性一些使用技巧及原理，持续更新中，←点击可订阅。 为了保证的可读性，本文采用意译而非直译。 图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高…

1. 减少 HTTP 的请求次数和传输报文的大小 2. 设置各种缓存、预处理和长连接机制 3. 代码方面的性能优化