深入领略前端机能监控
发布时间：2019-04-09 05:32:21 所属栏目：建站 来源：腾讯新闻前端团队
导读：在同样的收集情形下，有两个同样能满意你的需求的网站，一个唰的一下就加载出来了，另一个白屏转圈转了半天内容才出来，假如让你选择，你会用哪一个？ 页面的机能题目是前端开拓中一个重要环节，但一向以来我们没有较量好的本领，来检测页面的机能。直到W3
|
对我们较量有效的页面机能数据或许包罗如下几个，这些参数是通过上面的performance.timing各个属性的差值构成的，它是准确到毫秒的一个值，计较要领如下：
怎样优化？ 重定向优化：重定向的范例分三种，301（永世重定向），302（姑且重定向），304（Not Modified）。304是用来优化缓存，很是有效，而前两种应该尽也许的停止，往往碰着必要重定向跳转代码的代码，可以把重定向之后的地点直接写到前端的html或JS中，可以镌汰客户端与处事端的通讯进程，节减重定向耗时。 DNS优化：一样平常来说，在前端优化中与 DNS 有关的有两点： 一个是镌汰DNS的哀求次数，另一个就是举办DNS预获取（Prefetching ） 。典范的一次DNS理会必要淹灭 20-120 毫秒（移动端会更慢），镌汰DNS理会的次数是个很好的优化方法，只管把各类资源放在一个cdn域名上。DNS Prefetching 是让具有此属性的域名不必要用户点击链接就在靠山理会，而域名理会和内容载入是串行的收集操纵，以是这个方法能减罕用户的守候时刻，晋升用户体验 。新版的赏识器会对页面中和当前域名（正在赏识网页的域名）不在统一个域的域名举办预获取，而且缓存功效，这就是隐式的 DNS Prefetch。假如想对页面中没有呈现的域举办预获取，那么就要行使表现的 DNS Prefetch 了。下图是DNS Prefetch的要领：
（编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
