前端性能优化（一） 前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的

今天前同事找到我，向我请教了一个性能优化的问题，我简单的跟他回答了一下例如组件懒加载、路由懒加载、开启gzip、公共的第三方包上cdn、还有基础的雅虎53条军规一条条排查等等......

可视化搭建平台已经比较普及了，具体原理本文不再赘述，这里和大家聊一聊搭建平台重要的一步：c端页面的生成流程。

重复定时器，JS有一个方法叫做setInterval专门为此而生，但是大家diss他的理由很多，比如跳帧，比如容易内存泄漏，是个没人爱的孩子。而且setTimeout完全可以通过自身迭代实现重复定时的效果，因此setIntervval更加无人问津，而且对他退避三舍，感觉用set…

公司的业务主要是基于APP的产品，而为了达到快速迭代上线，主要还是使用了Hybrid的方式，但是相比原生而言，使用webview+H5还是存在一些被诟病的问题，那就是性能和体验达不到原生的程度，虽然说随着移动设备性能的增强和5G的到来，一些问题可以得到缓解。 对于特效动画不多的…

H5很重要，很重要，很重要，重要的事情必须重复多遍，H5的优点：跨平台、迭代快、开发体验好。缺点：加载慢，用户体验差。所以在接下来很长一段时间内我将会从H5的几个缺点发面去研究如何优化。 经常遇到一个问题，H5页面由于缓存问题经常在H5发布新版本之后客户端App看不到最新的效果…

这里有很多方案，例如我们常说的webpack利用splitchunks进行拆包配合一些加载方式，使原本特别大的appjs分成若干个细小的包，webpack优化将会在下一期的专题里讲到。 webp，是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，无损压缩后的WebP…

作者：大漠用户在访问一个Web网站（页面）或应用时，总是希望它的加载速度快，功能流畅。如果过于慢，用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员，给自己应用提供更快的访问速度，提供很好

在前端面试中，有一道经典的面试题：请描述一下从url输入到页面渲染的过程。这道题很考察候选人的能力和知识深度， 今天我们以这个问题为基础，讲一下在此过程中能做哪些优化。 接下来是 TCP 握手，应用层会下发数据给传输层，这里 TCP 协议会指明两端的端口号，然后下发给网络层。网…