chrome，FireFox和Edge性能比较

今天没事，就比较了一下chrome和FireFox在渲染大量图片时的性能，本来想渲染一万张图片，结果chrome要7，8秒，FireFox和Edge直接卡死，最后改用1000张进行比较：
环境：
系统：window10
处理器：Intel i5 7300HQ
内存： 8G
浏览器： chrome67 Firefox61 Edge42.17134

测试用例：

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>性能测试</title>
</head>
<body><button class='btn'>点击显示图片</button><ul></ul><script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script><script type="text/javascript">var html = '<li><img src="https://daoket.gitee.io/ai/images/pic.png"/></li>'console.time('time')window.onload = function () {console.timeEnd('time')}// 多次操作DOMfunction test1(num) {for (let i = 0; i < num; i++) {$(html).appendTo('ul')}}// 合并DOM操作function test2(num) {var all = ''for (let i = 0; i < num; i++) {all+=html}$(all).appendTo('ul')}test1(1000)
//  test2(1000)</script>
</body>
</html>

结果：
Firefox： ☆☆☆
test1：
time: 7772ms
time: 8409ms
time: 8380ms
test2:
time: 8040ms
time: 9061ms
time: 8762ms
vue重构结果：233ms

Edge：☆☆☆
test1：
time: 3,507.5 毫秒
time: 3,569.8 毫秒
time: 3,860.3 毫秒
test2:
time: 877.9 毫秒
time: 865.5 毫秒
time: 919.2 毫秒
vue重构结果：1,170.1 毫秒

chrome: ☆☆☆☆☆
test1
time: 227.575927734375ms
time: 230.215087890625ms
time: 271.52001953125ms
test2:
time: 152.052734375ms
time: 168.516845703125ms
time: 142.470947265625ms
vue重构结果：194.4580078125ms

从结果来看，chrome无疑是最快的，稳定性也是最好的，其次是Edge，尤其是DOM操作优化后性能提升十分明显，不过Edge在测试时，如果多次刷新会造成页面假死，稳定不好，最后是Firefox，这个确实没有想到，而且优化后的时间竟然变长了，不知道是不是bug，看来以后要放弃Firefox。

chrome，FireFox和Edge性能比较相关推荐

Chrome, Firefox(火狐), Edge 官方离线安装包下载
Google Chrome 离线安装包正式版 https://www.google.cn/chrome/?hl=zh-CN&standalone=1 测试版 https://www.goog ...
PC端win10+selenium+浏览器（IE+Chrome+Firefox+Microsoft Edge）自动化测试驱动下载地址及环境配置
1.IE11驱动下载地址: http://selenium-release.storage.googleapis.com/index.html 下载3.0.0的版本,将其放在C:\Windows\Sy ...
Chrome让人失望，是时候转到Firefox或Edge？
我们曾报道过谷歌正在移除 Chrome 的关闭其他选项卡,这引起很多用户的讨论,很多用户表现出对 Chrome 浏览器的失望.而在国外,也有很多人认为谷歌这项修改使 Chrome 变得越来越臃肿. 还 ...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器原文:[完美]原生JS获取浏览器版本判 ...
Flash Player小程序(内嵌窗口)在Chrome、Firefox、Edge、360极速/安全、IE 8、Oprea 36、QQ、搜狗等浏览器上的应用
Flash Player小程序(内嵌窗口):基于跨浏览器的小程序系统-PluginOK(牛插)中间件( https://github.com/wangzuohuai/WebRunLocal )开发,底 ...
彻底解决 Chrome，FireFox，Edge 的 “此Flash Player与您的地区不相容”问题
前言最近在学习selenium进行网站的自动化测试,突发奇想可以使用selenium来制作一款Flash游戏的辅助程序.话不多说,开始研究,没想到却碰到了最头疼的问题."此Flash Pl ...
怎么从edge/chrome/firefox浏览器打开FTP链接！
怎么从edge/chrome/firefox浏览器打开FTP链接! 前一阵子配置了ftp服务器,因为在校园网下传输文件很方便,而且速度很快,但是发现在edge/chrome/firefox上打不开(没 ...
电线之间：采访Microsoft Edge性能PM Nolan Lawson
by Vivian Cromwell 通过维维安·克伦威尔(Vivian Cromwell) 电线之间:采访Microsoft Edge性能PM Nolan Lawson (Between the W ...
完美替代Chrome？Microsoft Edge浏览器Chromium版评测
在2018年年底,基于Chromium内核的 Microsoft Edge 正式立项,Edge官网上提供了Beta.Dev.Canary版,之前一直在用Beta版本,前不久推出了稳定版,正式版在202 ...

chrome，FireFox和Edge性能比较

chrome，FireFox和Edge性能比较相关推荐

最新文章

热门文章