最近，需要对业务上的一些性能做一些优化，比如降低首屏时间、减少核心按钮可操作时间等的一些操作；在这之前，需要建立的就是数据监控的准线，也就是说一开始的页面首屏数据是怎样的，优化之后的数据是怎样，需要有一个对比效果。此时，performance 这个API就非常合适了。 window.onload = ...
分类：
其他好文 时间：
2021-01-07 12:06:40
阅读次数：
0
在衡量 Web 页面性能的时候有一个重要的指标叫“FP（First Paint）”，是指从页面加载到首次开始绘制的时长 那什么影响 FP 指标呢？其中一个重要的因素是网络加载速度。 要想优化 Web 页面的加载速度，你需要对网络有充分的了解。而理解网络的关键是要对网络协议有深刻的认识 Web 世界中 ...
分类：
其他好文 时间：
2020-12-19 13:20:59
阅读次数：
1
一、功能测试 主要关注软件功能是否正常，是否符合设计需求 二、接口测试 主要测试各模块之间的接口是否正常，数据传输是否正确 三、性能测试 主要关注APP的压力和负载测试 四、ui测试 用户界面（比如：菜单、列表、、对话窗）等页面的布局，是否满足客户的需求，界面文字以及图片是否显示正确，跟产品模型是否 ...
分类：
移动开发 时间：
2020-12-15 11:59:55
阅读次数：
2
前端页面性能调优较常用的工具有Yslow和PageSpeed（google），小编以Yslow工具做下前端性能调优小结：安装Yslow要先安装Firebug（以火狐为例），打开Firebug窗口，选择Yslow选项。点击RunTest运行Yslow。调优方法如下：MakefewerHTTPrequests：尽量使用少的http请求，比如把多个js，css进行合并UseaCDN：尽量使用cdn，减少
分类：
其他好文 时间：
2020-08-26 18:55:35
阅读次数：
59
Web优化的对象包括页面性能、用户体验、开发效率、代码优化、网络延迟等，本系列会列举出众多常用的优化技巧，每个技巧都可深入分析，在此只做抛砖引玉。 本系列优化内容提炼于《前端面试宝典》、《高效前端》、《高性能JavaScript》、《CSS重构》等书籍，以及《2020前端性能优化清单》等网络资源。 ...
分类：
Web程序 时间：
2020-07-20 10:48:52
阅读次数：
87
为了帮助开发者更好地衡量和改进前端页面性能，W3C 性能小组引入了 Navigation Timing API，实现了自动、精准的页面性能打点； 开发者可以通过 window.performance 属性获取。 performance.timing 接口（定义了从 navigationStart 至 ...
分类：
其他好文 时间：
2020-07-19 00:59:12
阅读次数：
117
前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。 一.重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机网络到j ...
分类：
其他好文 时间：
2020-07-19 00:48:55
阅读次数：
101
目录： 1、Nginx运行工作进程数量 Nginx运行工作进程个数一般设置CPU的核心或者核心数x2。如果不了解cpu的核数，可以top命令之后按1看出来，也可以查看/proc/cpuinfo文件 grep ^processor /proc/cpuinfo | wc -l [root@lx~]# v ...
分类：
其他好文 时间：
2020-07-01 16:11:18
阅读次数：
53
标签（空格分隔）： 前端性能 前端性能：WebPagetest 功能简介 WebPagetest，是前端性能测试的利器： 可以为我们提供全方位的量化指标，包括页面的加载时间、首字节时间、渲染开始时间、最早页面可交互时间、页面中各种资源的字节数、后端请求数量等一系列数据； 还可以自动给出被测页面性能优 ...
分类：
其他好文 时间：
2020-06-25 23:17:43
阅读次数：
47
面试：提升页面性能优化的方法有哪些？ 1、资源压缩合并，减少http请求 （html压缩， css压缩，js压缩，文件-公共库合并） 合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩 图片较多的页面也可以使用 lazyLoad 等技术进行优化。 精灵图等 2. 非核心代 ...
分类：
其他好文 时间：
2020-06-19 16:11:44
阅读次数：
71
