今天讲的三个属性都是在 link 标签上使用的，使用形式如下： 初看起来，这三个属性设置起来比较简单，但是如果使用得当，效果却会非常棒。比如 奈飞 通过使用 prefetch 把 TTI ( Time

老板让你做性能优化，第一步你应该做什么？想做好网页性能优化，首先需要先定义好性能指标。性能指标才是做好性能优化的第一步。

渲染阶段中还没过时的基本优化思路和编码规范，并结合了优化方向给出了基本的案例，更多复杂案例可以看参考文件

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

react凭借virtual DOM和diff算法拥有高效的性能，除此之外也有很多其他的方法和技巧可以进一步提升react性能，在本文中我将列举出可有效提升react性能的几种方法，帮助我们改进react代码，提升性能。但是我们不必一定要在项目中使用这些方法，但是我们有必要知道…

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…

在传统 web 开发中，网页内容都是在服务器端渲染好，再传输至浏览器；而单页应用凭借着其优秀的用户体验，逐渐成为主流，在单页应用（SPA）中，页面具体内容由 JS 渲染出来，一般被成为客户端渲染。而 SPA 有两个显著缺点： SEO 不友好（页面上呈现的内容，无法在 html …

在google中输入“前端性能优化”，可以找到约 11,300,000 条结果，目前性能已经被列入google的网站的排名规则中。 对于一个大型项目，编译中需要耗时5分钟真的是很鸡肋的事情，无尽的等待，消耗的不只是时间，还有我们搬砖的热情！ 2018年2月25日，webpack…

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