5

私のサイトのいくつかのページの最初のロードで、白い閃光が素早く表示されることに気付きました。

ページ コンテンツがキャッシュされると、これは実行されないように見えますが、最初の読み込み中は面倒です。

すべてのタグを黒くスタイリングしてみ<html>ましたが、問題は解決していないようです。一部のページのスクリプトでしょうか? (つまり、おそらく分析)

この問題を解決するために何かできることはありますか?

更新:サイトはここで表示できます。一部のページには Javascript がありますが、他のページにはありません。私が経験した結果に基づくと、それは無関係のようです。

4

1 に答える 1

6

OK, so it looks like this might be related to your script tag in the <head/>. Try pushing that down to just before the closing </body> tag. The document can't render until that script has completely run.

See rule 6

However, one of the other resource you're waiting on sometimes is 'home.css'. That may even be more of a problem. It's a bit of a hack, but you could try setting your background to black before even that css using an inline <style/> tag.

Try structuring the page in this order (notice the <style/>) tag;

<!doctype html>
<html>
<head>
<style>
html { background-color: black; }
</style>
...
<link href="home.css" rel="stylesheet" type="text/css">
...
</head>

<body>
...
<div id="footer">
    <span class="footer_text">Copyright © 2013 Casey Kidd Music.<br />All Rights Reserved.</span>
  </div>

</div>

<script>
  (function(
      ...
  'pageview');
</script>
</body>
</html>

It's possible you may still get a small flicker of white between pages, before the HTML has loaded, but this window would be pretty small now.

于 2013-04-28T03:13:16.960 に答える