From 12fe1b619f787384b319557b04e51b94cffe148e Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Sun, 24 Dec 2017 10:03:13 +0300
Subject: [PATCH] render 20+ styles at once

so that the page on a typical 1080p display is completely filled in initial frame at 200ms
---
 manage/manage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/manage/manage.js b/manage/manage.js
index 3d7e1688..547b011d 100644
--- a/manage/manage.js
+++ b/manage/manage.js
@@ -134,7 +134,7 @@ function showStyles(styles = []) {
     while (
       index < sorted.length &&
       // eslint-disable-next-line no-unmodified-loop-condition
-      (shouldRenderAll || ++rendered < 10 || performance.now() - t0 < 10)
+      (shouldRenderAll || ++rendered < 20 || performance.now() - t0 < 10)
     ) {
       renderBin.appendChild(createStyleElement(sorted[index++]));
     }