摘要: 页面性能指标 页面接收首字节时长(TTFB: time to first byte) 首屏加载时间 DomReady时间 页面完全加载总时长 监测方法(t = performance.timing) ttfb: t.responseStart - t.navig... 阅读全文
posted @ 2018-03-07 20:25 mjian 阅读(1530) 评论(0) 推荐(0) 编辑
摘要: 解决方案如下:利用 performance.getEntries()方法,获取到所有加载成功的资源列表,在onload事件中遍历出所有页面资源集合(css/image/js/font等), 利用排除法,到所有集合中过滤掉成功的资源列表,即为加载失败的资源 阅读全文
posted @ 2018-03-07 20:17 mjian 阅读(1110) 评论(0) 推荐(0) 编辑
摘要: web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式。内容优化(1)减少HTTP请求数:这条策略是最重要最有效的,因为一个完整的请求要经过DNS寻址,与服务器建立连接,发送数据,等待服务器响应,接收数... 阅读全文
posted @ 2018-03-07 20:04 mjian 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 1、请减少HTTP请求基本原理:在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才... 阅读全文
posted @ 2018-03-07 20:03 mjian 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 转自:http://www.2cto.com/kf/201604/498725.html 网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部... 阅读全文
posted @ 2018-03-07 19:51 mjian 阅读(159) 评论(0) 推荐(0) 编辑