Nice web site.

”Webpage is slowing down your browser” This is the new way the browser tells you there is a problem with the script program(s). https://support.mozilla.org/en-US/kb/warning-unresponsive-script?cache=no

I tried removing all the JavaScript from the web page, but I still get the message and it still takes forever to load.

I still think there is something wrong with the audio control because when I stop the page from loading, only a few of the audio controls are displayed and they do not look right or work correctly.

Start Firefox in Safe Mode {web link} by holding down the <Shift> (Mac=Options) key, and then starting Firefox.

A small dialog should appear. Click Start In Safe Mode (not Refresh). Is the problem still there?

I tried safe mode but that did not help.

I see this issue only with Firefox 55. Firefox 54 and Firefox 56 (beta) and later load the website without any problems. Like you assume it looks that Firefox 55 has a problem with the audio tags and seems to spend a lot of time trying to adjust the audio player controls and doesn't make any progress because of this. The audio player bar shows as a very wide bar when I load the and collapses to zero when I stop the script.

• view-source:chrome://global/content/bindings/videocontrols.xml

Try to remove the padding of the audio tag as set via birds.css. That seems to be working for me.

audio {
	background-color: rgb(122,177,224);	/* Light blue */
	border:	1px solid rgb(0,0,120);
	/* padding: 2px; */ /* disable padding*/
}

See also:

• bug 1391791 - Audio (controls) element blows up in width if a padding is set

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

That worked great. Thank you so much!

I am glad to hear that your problem has been resolved. If you haven't already, please select the answer that solves the problem. This will help other users with similar problems find the solution more easily.

Thank you for contacting Mozilla Support.

I'm facing this issue on Firefox 52 ESR and on Firefox 56, but only on Windows. On Mac, any Firefox version opens up my page smoothly and everything works fine. My webpage has a lot of Audio tags embedded inside table cells (refer screenshot).

As suggested by cor-el, I checked if there's any padding on the Audio element but there was none. However the parent <td> had some padding. I removed it but no luck.

mehtajp22 Please go to the top of any support.mozilla.org web page and use the Ask A Question link; https://support.mozilla.org/en-US/questions/new Select the product for what the problem is (Firefox or whatever).

Now select the category for the problem. At the bottom is Other.

Describe the problem in brief. Then press <enter>. The website will display any prior posts that might help you. If nothing on the list can help, at the bottom press the button; None Of These Solve My Problem.

Now enter all the relative information on the problem. At the bottom of this, you can Add Images.

Under this is Troubleshooting Information. Please press the Share Data button. This will let us look at your system details. No Personal Information Is Collected.