あるサイトを美しくするためのクローム拡張機能を作っています。1つを除いてdomloadのすべての要素を非表示にしています。ただし、サイトが読み込まれるたびに、最初にすべてが読み込まれ、次に非表示になるという問題があります。これが私のコードです
window.onload = function(){
var all = document.getElementsByTagName("div");
var viewer = document.getElementById("viewer").style;
for (var i=0, max=all.length; i < max; i++) {
all[i].style.visibility='hidden';
}
viewer.visibility='visible';
};
これを行うには、基本的にすべてのコンテンツを読み込んですべてのコンテンツを非表示にしてから特定のコンポーネントを表示するという、現在行っている方法よりも優れた方法があることを願っています。このプロセス全体は非常に遅く、ユーザーは私がページロードで非表示にしようとしているコンテンツを見ることができます。
どのコンテンツをロードするかをjavascriptで指定する方法、またはプロセス全体を十分に高速にして気付かないようにする方法はありますか?