几个浏览器的页面加载及JS执行速度简单对比

最新推荐文章于 2022-11-16 20:51:29 发布
最新推荐文章于 2022-11-16 20:51:29 发布
阅读量2k 收藏
点赞数
分类专栏： ASP.NET+C# 硬件网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ycfree/article/details/52514473
版权

对比的初衷源于自己写的一个程序，因客户需求，页面是一个2万多行的静态表格，JS代码就是每行mouseover会显示另外的颜色，仅此。

偶然发现在用户电脑上慢到出奇，我看的都无法忍受，但是看看代码又没实在没有多少优化的地方，就做了个对比。

不是很严谨，但能反映出一定问题。

浏览器页面加载耗时移动鼠标感觉快速反复移动鼠标时CPU占用
傲游4.9极速模式33s流畅56%
EDGE8.8s非常卡51%
Firefox487s流畅38%
Chrome535.3s流畅49%
IE117.8s非常卡45%

冬雷软件
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS在浏览器上的性能分析（一）脚本的下载与运行
全栈启示录
02-15 3656
在这篇文章中，你将会学到浏览器脚本文件下载和执行的阻塞特性和如何对其进行优化。使用script元素的属性以及一些常用手段使脚本无阻塞加载。
提高页面加载速度的几个方法小结
09-30
提高网页加载速度是提升用户体验和优化网站性能的关键因素。以下是一些有效的方法： 1. **优化页面大小**：页面大小直接影响加载速度。减小页面大小可通过优化HTML代码，遵循W3C标准，去除冗余和无意义的代码来实现...
浏览器 运行js测试
James Blog
07-01 354
      Firefox 3.5 发布了，这应该是Firefox很重要的一个版本。现在浏览器市场竞争异常激烈，IE已经受到了巨大的挑战，IE的优势是已有的用户基础，Google Chrome是浏览器中的新贵，用户体验相当优秀，运行速度是其他浏览器难以堪比的，这应该得益于Google巨大的技术优势、在互联网领域中资源和经验的积累。Firefox 3.5 将提高其市场占有率；       测试...
介绍两个测试网页打开速度的网站
weixin_33895016的博客
01-17 234
第一个是Pingdom Tools - Full page test 这个能详细测试网页各部分打开的时间 官方介绍: The Full Page Test loads a complete HTML page including all objects (images, CSS, .s, RSS, Flash and frames/iframes). It mimics the way a p...
js脚本加载方式：本地加载与cdn云加速加载那个速度更快？
zouk‘s blogs
09-29 6052
本地加载 CDN云加载（1） 只把hifhstock.js改为CDN加载：结果：250ms大于151ms，cdn云加载速度慢，比本地加载慢100多ms（2）只把jquery-3.2.1.min.js改为CDN加载： 结果：879ms大于18ms，慢的不是一丁半点啊。 下结论：本地加载方式比CDN云加载速度更快
html中加载js、css时是本地加载快？还是CDN上面快？
chelflan's blog
07-04 3148
本地加载 CDN加载
几种延迟加载JS代码的方法加快网页的访问速度
10-26
本文将介绍三种延迟加载JS代码的方法，以帮助加快网页的访问速度。 1. **延迟加载JS代码** 这种方法利用JavaScript自身来实现延迟加载。例如，我们可以创建一个空的`<script>`标签，然后通过`setTimeout`函数在...
js实现延迟加载的几种方法详解
12-10
这是一个面试经常问到的问题：js的延迟加载方法 (js的延迟加载有助于提高页面的加载速度) 主要考察对程序的性能方面是否有研究，程序的性能是一个项目不断地追求的，通常也是项目完成后需要长期做的一件事情，像腾讯...
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
10-22
在JavaScript的Web开发中，`defer`和`async`是两个关键的属性，它们用于控制脚本的加载和执行方式，从而优化页面性能和用户体验。这两个属性都是用来处理脚本阻塞问题的，尤其是在浏览器环境下，JavaScript的执行...
几个优化WordPress中JavaScript加载体验的插件介绍
12-19
然而，传统的在页面头部加载JavaScript的方式可能会影响页面的加载速度，因为这会导致浏览器在渲染页面内容之前等待所有JavaScript文件的下载。为了解决这个问题，WordPress社区开发了一些插件，以优化JavaScript的...
js动画（速度）
weixin_30888707的博客
05-20 241
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale...
测试浏览器运行js效率的代码
chicaohun7473的博客
11-28 176
个人感觉chome运行js最快(运行结果，快得会吓你一跳),其次是空中,火狐, ie。 测试链接： http://wd-testnet.world-direct.at/mozilla/dhtml/funo/jsTimeTest.htm http://www2.webkit.org/pe...
js两种写法执行速度比较
weixin_30492047的博客
02-24 135
记录 function test1(){ 　　this.say = function(){} } function test2(){ this.say = function(){} return this; } console.time(); var t = new test1(); for (var i=0;i<10000...
测试、分析网站网页的速度，以及优化的方向
snow_love_xia的博客
03-15 1758
分析页面执行速度，定位优化方向PageSpeed Insights简介、优势下载、使用 时隔很久我又出现了，最近真的是太忙了，现在一个一个介绍我的这最近一段时间的 PageSpeed Insights 这个是我自己百度了一番后发现比较方便的一款测试、分析网页的的速度的一个工具，好的东西当然要分享给大家，希望对你们有帮助 简介、优势 PageSpeed Insights (PSI) 是 Googl...
各浏览器内核JS运行速度比较
HumorChen的博客
07-09 1134
各浏览器内核JS运行速度比较
js页面的性能优化
最新发布
Ssss555123的博客
11-16 2093
1.减少http的请求次数1)对css和js代码进行合并2)对于图片可以用雪碧图(也就是精灵图),对于比较小的图片可以使用base64编码3)对于图标可以使用字体图标2.减少资源体积1)对css、js进行压缩2)对于图片大小要有控制，对于过大的图片需要进行压缩处理3)使用 gzip对静态资源进行压缩，（gzip能对压缩之后的资源再进行压缩）3.加快静态资源请求速度1)使用CDN加速2)利用多个域名来存储静态资源4.使用缓存。
简单利用JS判断页面是在手机端还是在pc端
weixin_30502965的博客
06-20 338
　　 Navigator对象 　　首先来了解一下Navigator 对象，Navigator 对象包含有关浏览器的信息，下面的userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。所以我们可以通过判断navigator.userAgent里面是否有某些值来判断，比如我的电脑是mac，所以打印出来的值为 Mozilla/5.0 (Macintos...
现代浏览器性能优化-JS篇
weixin_33755554的博客
10-16 386
现代浏览器性能优化-JS篇 众所周知，JS的加载和执行会阻塞浏览器渲染，所以目前业界普遍推荐把script放到body结束之前，以解决js执行时找不到dom等问题。但随着现代浏览器的普及，浏览器为我们提供了更多强大的武器，合理利用，方可大幅提高页面加载速度。 理解渲染过程（HTML Parser） 首先我们从浏览器的角度解释一下从输入URL到页面展示经历了些什么，以如下html文档举例 &lt...
加快JavaScript代码执行速度的8条基本技巧
编程故事的地方
01-06 1180
在StackOverflow调查中 ，JavaScript已连续第七年成为全球最受欢迎的语言。 随着JavaScript的日益普及，很明显，它是用于编码前端应用程序的最常用语言。 有趣的是，如果网站内容在两秒钟内未加载，网站访问者就会失去兴趣或离开您的网站。 两秒钟的基准测试很难跟上，这意味着您需要优化JavaScript代码以获得更好的性能。 在此博客文章中，我们将学习一些快速提示，您可以遵循...
"前端面试题集锦及浏览器加载原理
浏览器的工作原理可以分为以下几个部分: 1. 用户界面：指浏览器的地址栏、菜单栏、工具栏等用户可见的界面。 2. 网络：负责处理网络请求和响应，包括与服务器建立连接、发送请求、接收响应等。 3. UI后端：负责...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值