Bootstrap v4 .modal("show") slow execution

I've noticed that bootstrap's modals take time to show as the page's content becomes more significant.

It takes less than 100ms to show when the page is empty, but takes proportionally more time as the amount of content in the page becomes more significant.

I do not understand this correlation. Can anybody explain this behavior and suggest a workaround to make the modals appearance faster independently of the page's size ?

EDIT: You can reproduce the behavior by going i.e here and execute the command

console.time("modalTime"); $("#exampleModal").modal("show"); console.timeEnd("modalTime");

in console, to see how much time it takes. Then add more content to the page by manipulating the DOM and re-execute the command.

My results: modalTime : 70 ms on the original page. modalTime : 1208 ms after making the content of the page 10x larger.

from Bootstrap v4 .modal("show") slow execution