网页加载速度测试-CSDN博客

本文介绍了一个简单的网页加载时间测试工具，通过一个JavaScript脚本显示页面加载所需的时间，并提供了一个便捷的浏览器书签形式，便于用户在浏览不同网站时随时检测加载速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I was just admiring Tim Kadlec eye-pleasing site. Nice, simple, see what I'm talkin' 'bout.

我只是欣赏Tim Kadlec令人赏心悦目的站点。很好，很简单，看看我在说什么。

The feature I liked most was the footer that said "This page loaded in 0.186 seconds". First of all - fast! Second - I thought all sites should have that. And what better way than an on-demand bookmarklet you carry yourself in your daily browsing?

我最喜欢的功能是页脚所说的“此页面在0.186秒内加载”。首先-快速！第二-我认为所有网站都应该有。在日常浏览中，有什么比按需收藏的书签更好的方式呢？

So any time you say to yourself "wow, that was painfully slow" or "weee, my hat flew off!", you can answer the simple question of how long it actually took. Cause perceptions lie.

所以，任何时候你会对自己说：“哇，这是痛苦的缓慢”或“WEEE，我的帽子飞走了！”，你能回答的，它实际上花了多长时间了简单的问题。原因造成谎言。

Anyway, here's the simple code lifted and modified from Tim's:

无论如何，这是从Tim提出并修改的简单代码：

(function(){
  const t = window.performance && performance.timing;
  if (!t) {
    return;
  }
  const loadTime = (t.loadEventEnd - t.navigationStart) / 1000;
  alert(`This page loaded in ${loadTime} seconds`);
}())

And here's the bookmarklet form - click to try and then just drag to your bookmarks.

这是小书签的形式-单击以尝试，然后将其拖到您的书签中。

load time

加载时间

Enjoy and let's make the web faster!

尽情享受，让我们更快地上网！

Tell your friends about this post on Facebook and Twitter

在Facebook和Twitter上告诉您的朋友有关此帖子的信息