Chrome/WebKit Parallel CSS&JSダウンロード機能を無効にすることはできますか?
-
29-09-2019 - |
質問
CSSがダウンロードを終了する前にJavaScriptが実行されているため、WebKitブラウザが最初のロードでページを誤ってレンダリングする文書化されたバグが発生しています(並行してダウンロードされているため)。
クイックリフレッシュはページの外観を修正しますが、そのソリューションは私の問題には不十分です(ページのスクリーンショットを撮るコマンドラインユーティリティを実行しますが、これらのユーティリティには、ページを取得する前にページを「更新」するオプションがありません。スクリーンショット)
JavaScript-IncludeとInline-JavaScriptが実行される前に、CSSインクルードがその全体にロードされることを保証するための提案や解決策はありますか?
ありがとう! - ダン
編集- ライブラリを使用していません。ちょうど良い 'ol javascript。
解決
あなたがライブラリを使用している場合、それらのほとんどがあなたがこれを行うことを許可していると思います。 jqueryでは簡単です、そうでなければ、 <script defer="(x number of second)">Function()</script>
HTEページの終わりに。また、可能であれば、JavaScriptsをページの下部に移動することを検討することもできます。 JSベストプラクティス。
他のヒント
+1ページの下部にスクリプトを置くために、スクリプトをウィンドウに入れてみてください。
<script >
function myCode(){
// do something
alert('test');
}
window.onload = myCode;
</script>
ただし、.CSSファイルがロードされるまでオンロードイベントが待機するかどうかは100%確信していません。しかし、試してみるのは簡単です。
所属していません StackOverflow