游客

标题:[性能]前端单点故障(SPOF)
正文:
什么是前端单点故障？简单理解,即因为某个静态资源(js,css,@font-face自定义字体)加载失败或者阻塞请求,导致页面主体非正常渲染.出现的症状：页面空白HTML文档已经加载完毕，但其他资源例如（CSS,JS,字体文件）等加载出现了阻塞，导致页面空白等待的时间。出现的最主要原因：第三方资源前端SPOF最频繁出现的原因是第三方内容，如果主站成功返回HTML文档，从主站返回的其他相关资源应该都成功返回，但第三方内容往往不是由主站控制，因此会出现不可预期的错误，所以一个网站的第三方资源不应该在主站资源之前被加载，这将有可能引起前端SPOF。造成前端单点故障的情况都有哪些? 特定的资源(如(js,css,@font-face) 资源加载位置(如页头),加载方式(同步阻塞方式时) dns解析,服务器应答,网络超时等都可能造成资源加载失败,或者长时间阻塞请求. 错误的设计决策: 核心功能依赖于dom ready或者window onload事件. ----核心逻辑要尽快尽早执行(js置于页面footer部位,加载后立即执行).如何测试前端单点故障?首先我们需要一个测试工具：黑洞服务器 blackhole.webpagetest.org（又名72.66.115.13）黑洞服务器是一个可路由的服务器，它使所有的请求流量被丢弃，所以它的行为完全像我们希望第三方部件的故障模式测试， 随着黑洞服务器运行起来，你现在可以使用它为手动或通过测试工具怎么使用blackhole.webpagetest.org (IP: 72.66.115.13)？使用blackhole.webpagetest.org (IP: 72.66.115.13)提供的服务,即配置要测试的资源ip为72.66.115.13. 配置测试的步骤：第一步：先访问一下：jquery.com 第二步：用记事本打开C:\Windows\System32\drivers\etc\hosts第三步：配置资源的ip为：72.66.115.13例如： #blackhole.webpagetest.org 72.66.115.13 ajax.googleapis.com 72.66.115.13 apis.google.com
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页