性能优化
Programmer boy
学无止境
展开
-
前端性能监控平台搭建思考
综述:将问题和思考点总结下来,方便回顾1.目前获取的前端性能指标的原理分析?主要的指标有:错误日志, 获取数据的主要APIwindow.addEventListener('error',function(e){}) window.onerrorwindow.addEventListener('unhandledrejection',function(e){}) 页面性能日志,获取数据的主要APIperformance.timing 页面资源(script,...原创 2020-11-19 22:34:02 · 672 阅读 · 1 评论 -
App 性能测试主要指标及测试方法
综述:了解一个APP性能测试的主要方面,为APP开发打好基础1.性能指标响应时延 启动时长 内存分析 CPU分析 流量测试 电量测试(在各种情况下APP的耗电量的测试) 弱网测试(在网络不好的情况下APP的运行情况)2.什么是流量测试流量测试基本概念目前的网络类型包含2G\3G\4G\wifi,其中还有不同运营商的区分,我们在APP的使用中经常遇到大资源,重复请求...原创 2019-07-17 19:27:32 · 4641 阅读 · 0 评论 -
前端页面性能优化——使用H5 manifest属性缓存资源
综述:用了两天时间,将该属性应用到实际项目中,有了较大的性能提高起源html5之前的网页,都是无连接,必须联网才能访问,这其实也是web的特色,这其实对于PC是时代问题并不大,但到了移动互联网时代,设备终端位置不再固定,依赖无线信号,网络的可靠性变得降低,比如坐在火车上,过了一个隧道(15分钟),便无法访问网站,这对于web的伤害是很大的,比如对于 《ecmascript合集》这样的为...原创 2019-03-22 18:05:33 · 2884 阅读 · 0 评论 -
ops系统前后端分离—思考总结
综述:记录下这个单点登录系统实现前后端分离的过程,加深个人对应性能优化的认识1.项目背景介绍 在大公司中,公司内部有数以百个,甚至上千个系统,为了节约员工的时间,所有的系统的登录权限收归一个部门进行管理,其他部门在进行项目开发的时候,统一对接这里个权限系统。 但是,因为原来的老系统,对于权限的管理是通过后端检测到相应的权限后,通过控制index.jsp页...原创 2019-03-25 11:44:05 · 1222 阅读 · 0 评论 -
网站性能测试常见指标介绍(TPS/RT/PV等)
综述:记录基本的性能指标对于我们开发来说,我们日常最熟悉的工作就是把客户的需求实现并交付。但是,事情并不是往往就这样结束了,我们还需要后续对上线的系统进行跟踪调查,查看系统的运行情况。为什么呢?一方面,我们需要关注系统在运行过程中的健康问题,是否有异常等等;另一方面我们需要了解系统性能和容量是否能满足用户的日常访问。只有去了解线上系统的运行状况,才能让为后续项目提供参考,及早的调节以避免故...原创 2019-03-01 14:17:04 · 5988 阅读 · 0 评论 -
域名收敛和域名发散(分散)
综述:域名收敛和域名发散,性能优化的重要知识性能优化一直是前端工作中十分重要的一环,都说从 10 到 1 容易,从 1 到 0 很难。而随着前端技术的飞速发展,没有什么技术或者法则是金科玉律一沉不变的。很佩服那些勇于挑战权威,推陈出新的勇者,是他们让我们的技术不断的变革更加的卓越。好像扯远了,本文主要想谈谈两个名词,域名发散和域名收敛。域名发散这个很好理解,前端er都知道,PC ...原创 2018-12-17 20:16:02 · 791 阅读 · 0 评论 -
懒加载-预加载精简解读
1.在云相册页面存在多张图片,一次性加载会出现页面中图片短暂白屏的问题,为了解决这个问题,使用懒加载来处理;核心思路:使用html5中的 data-image 属性将图片的链接先绑定在元素身上,当检测到当前页的可视区域即将滚动到该元素时,将data-image注入到background-image上,在屏幕的scroll和resize事件上将该函数绑定;核心代码如下://按照需求加载var fn...原创 2018-05-24 23:47:20 · 408 阅读 · 0 评论