web-dev-qa-db-ja.com

ロードするまでWebページを非表示にするポイントは何ですか？

Namecheap.comにアクセスすると、ページが異常に読み込まれることに気づきました。ほとんどのWebサイトのように段階的にロードする代わりに、namecheapは数秒間完全に空白のままで、その後突然すべてが表示されます。気になったので、ページのソースを見て、次のスクリプトを見つけました。

(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
                                h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
                                (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
                                })(window,document.documentElement,'async-hide','dataLayer',4000,
                                {'GTM-544JFM':true});

これはページ内のすべての要素を通過し、それらからasync-hide CSSクラスを削除します。 CSSルールもあります：このクラスの要素を非表示にする.async-hide { opacity: 0 !important}。

私にとって、これはUXの立場からすると非常に悪いように見えますが、これを行う正当な理由があるかどうか疑問に思っています。

website-designweb-appweb
3
eeze

何かが発生していることを示すシステムフィードバックをユーザーに提供することは不可欠です。そうしないと、何かが壊れていると思われるため、すぐには理由がわかりません。

以下は、読み込み中にユーザーエクスペリエンスが発生した場合の描写です。 enter image description here

開発の理由があるかもしれませんし、単にマネージャや開発者が呼び出しているだけかもしれませんが、私たちにはわかりません。

5
Nicolas Hung