您现在正以每秒175比特的速度体验网络。无论您的Internet连接有多快，此页面加载速度都会很慢。请稍候，…。回到互联网的早期，人们争辩说不需要运行速度比这更快的调制解调器。大约每秒20个字符是普通人所能读到的最快速度。为什么传递信息的速度会更快呢？如今，我们想要的一切都是即时的。但是有时候有delayed gratification是很好的。因为HTML支持渐进式加载-我们可以利用您的浏览器的内置功能。我们还可以添加一些CSS以使其更具可读性。它来了！当然，阅读文本是一回事，但是图像呢？加载图像需要很长时间。但是JPEG压缩给我们的是渐进式图像。看一看：这个968字节的图像需要大约40秒才能完全加载。随着时间的推移，图像会自己显露出来。它首先加载一个低分辨率版本。就等一会儿吧。我们开始吧！从一开始就会是一个模糊的、像像素一样的烂摊子。随着每一位慢慢成熟为一个字节，您将逐渐了解图像是什么。这个JPG是我能做的最小的了，同时仍然保持了一些质量。JPG压缩设置为质量"；10"；-通常情况下，您会期望现代高分辨率图像的质量至少设置为85。你还能说出图像是什么吗？顺便说一句，这种缓慢效果并不是通过JavaScript实现的-服务器故意每秒只为您提供几个字节的服务。这令人抓狂和愤怒。但那是我们过去的生活方式！JPG压缩是在1992年发布的-当时调制解调器的速度是惊人的14,400比特每秒。比你现在经历的速度快大约80倍。那张图片加载了吗？好兔子！进步的不仅仅是现代速度。让我们看看这张图片：压缩技术也有了很大进步。此图像使用WebP图像格式&；为470字节。对于大约一半的文件大小，我们得到的图像质量即使不是更好，也是相似的。这被设置为质量级别5。默认情况下，WebP压缩使用质量75。您会注意到图像没有逐步加载。你得看着它一条一条地画。这是更快的加载，但它是更令人满意的观看吗？好了，够了兔子…。就目前而言！我们很快就会回来讨论他们的问题。事实上，在这种速度下，即使是可伸缩向量图形(SVG)也是有问题的。这个徽标只有399个字节-&&；你还得看着它画出来。在速度极慢的连接上很难播放音频。这里有一个简短的剪辑：它大约需要一分钟才能装满。这是我的声音的2秒片段，压缩到1595字节。它使用的是Opus编解码器--这在低带宽时非常好。OPUS是一个现代化的、网络优先的编解码器，它可以制作极高质量的环绕立体声和低带宽的音频。这段视频的比特率是每秒6000比特--这比这个网站加载的175bps要高得多！6Kbps对于语音来说还可以，但是对于音乐来说，就有点不能接受了！哇!。这真的花了很长时间！对很多人来说，这就是网络的样子。庞大的网站通过低速连接加载到摇摇欲坠的旧设备上。这只是演讲用的！下载音乐的时间太长了--即使是超低质量的音乐也是如此。你可能认为MIDI是在速度慢的网站上加载音乐的好方法。但是，遗憾/幸运的是，没有一款现代浏览器本身就支持MIDI播放。并且启用回放所需的JavaScript库大得令人望而却步。在我们等待的同时，让我告诉你更多关于这一页的信息。在大多数屏幕上，每当出现新的文本行时，页面都会自动滚动到底部。每秒都有一小片JavaScript触发。好的!。音频应该已经加载了。难道不是那么激动人心吗！当然，我们有一种非常有效的方式来传输语音。现代浏览器内置了文本到语音转换功能！那管用吗？要是那样就好了!。如今浏览器能做的事情难道不令人惊讶吗？那么，如果压缩音频没有了，并且我们不能使用MIDI，我们可以使用什么呢？您的浏览器有一个相当复杂的音频API。这意味着，在JavaScript中，我们可以对音频进行编程。几秒钟后，您的浏览器将创建一段著名的音乐。🐰🥕此站点速度太慢，即使是高度压缩的视频也无法访问。因此，让我们以一些基本的CSS动画来结束这只兔子吧。就是这样。此演示站点没有更多内容。让我关闭HTML&；关闭JS。阅读有关此站点的更多信息。