`
izuoyan
  • 浏览: 9265837 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js计算页面加载时间

 
阅读更多
客户端代码写法:
在页面Head部分加入初始时间
复制代码代码如下:

<script language=javascript>
var t1 = new Date().getTime();
</script>

在Body中加入
复制代码代码如下:

<SCRIPT LANGUAGE="JavaScript">
window.onload = function()
{
document.getElementById("TimeShow").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒";
}
</SCRIPT>

在需要显示的地方插入一个ID为TimeShow的标签即可
<div id="TimeShow"></div>
分享到:
评论

相关推荐

    js页面加载计算所用时间

    用js实现计算加载页面所用的时间 - Web开发 - 文档中心

    用js实现计算加载页面所用的时间

    这段代码会在页面开始加载时执行,记录下当前时间,作为计算页面加载时间的起点。 然后,在`&lt;body&gt;`部分,我们需要在页面加载完成后执行一段代码来计算并显示实际的加载时间。我们可以利用`window.onload`事件来...

    js页面加载进度条

    JavaScript(简称JS)页面加载进度条是一种用户界面交互设计,用于提供可视化的页面加载状态,让用户了解网页内容的加载进度,提升用户体验。这种效果通常在大型应用或包含大量资源的网页中常见,因为它能平息用户的...

    延迟加载js代码下载(包括页面延迟加载以及图片延迟加载)

    这种技术主要用于减少初始页面加载的时间,特别是对于那些大型网站和含有大量图片的页面。延迟加载的主要思想是,只有当用户滚动到特定元素时,才会开始加载这些元素。 二、JavaScript和jQuery的延迟加载 1. ...

    jsp页面加载时提示loading

    1. **页面内容过多**:如果JSP页面包含大量的静态内容(如图片、视频、CSS和JavaScript文件),这可能导致页面加载时间延长。优化方法包括使用CDN(内容分发网络)来加速资源的传输,压缩CSS和JavaScript文件,以及...

    jquery页面加载效果

    9. **性能优化**:避免在页面加载时进行过多的计算或操作,以减少阻塞用户体验。可以使用延迟加载(lazy loading)技术,只在用户需要时加载内容。 10. **浏览器兼容性**:虽然jQuery对大部分浏览器都提供了良好的...

    页面加载时 提示 正在加载中

    当用户点击链接或提交表单时,页面加载的过程可能会消耗一些时间,特别是在处理大量数据或者进行复杂的计算时。这种等待可能会让用户感到不耐烦,甚至误以为页面崩溃了。因此,"正在加载中"的提示信息可以有效地告诉...

    JS+AS实现真正页面加载图片进度条(带百分比)

    "JS+AS实现真正页面加载图片进度条(带百分比)"是一个技术主题,它涉及到JavaScript(JS)和ActionScript(AS)两种编程语言的结合,用于创建一个实时显示图片加载进度的动态效果,同时显示加载的百分比。 ...

    页面加载时的验证

    页面加载是Web开发中的核心环节,它涉及到用户体验、性能优化以及功能实现等多个方面。当用户在浏览器中输入URL或点击链接后,浏览器开始执行一系列复杂的步骤来获取并展示网页内容,这一过程就是页面加载。本资源...

    页面加载进度条

    - **Web Workers**:如果页面加载涉及大量计算,可以使用Web Workers在后台线程中处理,以避免阻塞主线程,同时更新进度条。 3. **CSS动画**: 进度条的视觉效果可以通过CSS实现,包括颜色、宽度、动画效果等。...

    js页面图片延迟加载特效.zip

    在网页设计中,提高用户体验和页面加载速度是至关重要的。"js页面图片延迟加载特效"是一种常见的优化技术,尤其适用于内容丰富的网站,如淘宝商城这样的电商网站。这种技术的原理是,当用户滚动页面到达图片区域时,...

    jQuery.spin.js自定义页面加载Loading动画代码

    jQuery.spin.js就是一个这样的插件,它允许开发者自定义页面加载的Loading动画效果,提供了一种优雅的方式来提升用户体验。 jQuery是一个广泛使用的JavaScript库,它的易用性和丰富的功能使其成为网页开发的首选...

    js滚动延时加载

    它主要应用于大量数据或图像的页面,通过只在用户滚动到可视区域时才加载相关内容,从而减少初次加载页面时的数据量,提高页面加载速度,提升用户体验。 在实现js滚动延时加载时,我们通常会关注以下几个关键知识点...

    页面内容滚动加载

    页面内容滚动加载是一种常见的网页优化技术,也被称为“无限...以上就是关于"js滚动加载"的技术要点,它涉及到前端开发中的JavaScript编程、性能优化、用户体验设计等多个方面,是构建现代网页时不可或缺的一种技术。

    页面加载顺序,loading巧妙解决

    页面加载顺序对于用户体验至关重要,因为它直接影响到用户首次看到网页内容的速度和形式。在网页开发中,浏览器遵循一定的规则来解析HTML、CSS和JavaScript文件,从而构建出完整的页面。本篇文章将详细探讨页面加载...

    页面加载时显示进度条的js

    在网页开发中,用户体验是至关重要的,特别是在页面加载过程中,用户可能会因为长时间的等待而感到不耐烦。为了解决这个问题,我们可以实现一个页面加载时显示进度条的JS功能,这样用户可以清楚地看到页面加载的进度...

    JS即时加载,当用到图片时才加载,只加载当前屏幕的图片

    在传统的网页设计中,所有的图片通常在页面加载时一次性全部请求,这可能导致页面加载时间过长,尤其是对于拥有大量图片的网站。JS即时加载,也被称为懒加载(Lazy Loading),解决了这一问题。它的工作原理是:只有...

    h5单页面上拉刷新下拉加载

    综上所述,此项目通过JavaScript和CSS实现了H5页面的上拉刷新和下拉加载功能,同时结合了tab选项卡设计,提供了一种高效的浏览体验,用户可以在不同内容间切换,并轻松获取更新数据。在开发过程中,需要考虑性能优化...

    页面滚动到底部自动加载数据

    页面滚动到底部自动加载数据,也被称为无限滚动或滚动加载,是现代网页设计中常见的一种交互方式。这种技术允许用户在浏览网页时无需点击分页按钮,只需将页面滚动到最底部,更多内容就会自动加载出来,提高了用户...

Global site tag (gtag.js) - Google Analytics