面向对象(OOP)作为经典的设计范式，对于我们来说可谓无人不知，还记得我们入行起始时那句经典的总结吗-万事万物皆对象。 是的，基于OOP思想封装、继承、多态的特点，我们会自然而然的遵循模块化、组件化的思维来设计开发应用，以到达易维护、可扩展、高复用的目的。 既然OOP这么多优点…

在工作中，前端的性能优化是非常重要的，那我们该从何入手？可以遵循雅虎前端优化35条军规，虽然这些“军规”中一些的原则有些过时，但是仍然能为我们的前端优化指明方向。

使用预取和预加载是网站性能和用户体验提升的一个很好的途径，本文介绍了使用prefetch和prefetch进行预取和预加载的方法，并使用webpack进行实现Link的链接类型<link>标签的rel

通过上面的对比，可以看出为什么服务端渲染更快？因为前端通过ajax渲染，需要等到获取js后，再发起http请求获取到数据后才完成渲染，而服务端免去了多次http请求的过程（http请求耗时），直接让服务端返回渲染好的html页面。 那类似首屏这种对速度有要求的就可以使用服务端渲…

众所周知，性能十分重要。然而，我们真的知道性能瓶颈具体在哪儿吗？是执行复杂的 JavaScript，下载缓慢的 Web 字体，巨大的图片，还是卡顿的渲染？研究摇树（Tree Shaking），作用域提升（Scope Hoisting），或是各种各样的与 Intersection…

对于大多数开发人员而言，监控应用程序的性能并不是一个陌生的概念。在某些情况下，我们必须自己进行一些性能调试。通常，当出现影响用户体验或影响成本的大问题时，就需要去监控应用程序的性能。

我们可以编写一些漂亮，且吸引人的网站，但如果该网站无法快速加载到浏览器中，人们往往会跳过它。 尽管有许多性能规则，但归根结底，这全都取决于加载时间。 一秒钟大概是用户思路不被打断的极限。用户会感觉到延迟，但还可以接受 10秒左右是用户注意力的极限。 大多数用户会在10秒后离开你…

chrome 的开发者工具中提供了很多高效工具方便我们对页面进行性能分析.之前自己只用着一些基本的功能, 最近详细的过了一下官方文档,特别是 performance 面板(大部分都是之前的Timeline面板) 的使用(需要相对新一些的chrome浏览器版本). 如果勾选了 m…

对于web性能的优化分析，我们应该从两个大的方面来着手讨论，即：加载优化和渲染优化，当然我们还有其他更多的优化手段，那么在华为云，我们是怎么做性能优化的呢？