About Saving Visitors' Bandwidth on a Website with Audios

To avoid preloading all audio data in <audio> tags, use one of the following approaches with the preload attribute:

Show the widget with 0:00 as audio length

<audio preload="none" controls src="{{ post.audio.url }}">
</audio>

Show the correct audio length

<audio preload="metadata" controls src="{{ post.audio.url }}">
</audio>

Tips and Tricks Development Performance Bandwidth Django 6.x Django 5.2 Django 4.2 HTML5