У меня есть элемент <pre> размером около 50 тыс. Строк, который скрыт и показан на странице.Показ этого запускает фазу макета в Chrome, которая занимает около 300 мс, что довольно медленно.
Мне удалось повысить скорость до 150 мс, задав ей фиксированную ширину и высоту, но в идеале я бы хотел, чтобы она была такой.до 100 мс.Вот моя тестовая страница:
<code><!doctype html>
<html>
<head>
<script>
var show = function() {
document.getElementById("progs_0").style.display = "block";
}
window.onload = function() {
setTimeout(show, 3000);
}
</script>
</head>
<body>
<pre id="progs_0" style="display: none; width: 2486px; height: 667110px;">
... 44474 lines of text ...
Производительность Chrome с width: ...; height: ...;.Без них это примерно вдвое хуже.
Есть ли способ сделать это быстрее?