0

私は友人のためにこの WP テーマを作成しました (明らかなスタイリングの問題がいくつかあることは知っていますが、それらは対処する必要があります) が、私の質問は、ページ要素の前にラッパーをロードすることについてです...

http://www.touchlinetalk.com

ページをロードまたはリロードすると、ロゴと一部の広告が背景の空白の前にロードされることに気付くでしょうか? 背景の空白が最初に読み込まれ、その後に他の要素が読み込まれると、サイトはよりクリーン/クリーン/モダンに見えます.

高さを指定しようとしましたが、うまくいくと思われる他のいくつかのことを試してみましたが、サイコロはありませんでした。これは初歩的な問題だと思います。とても基本的な問題で、私には理解できません...

何か助けはありますか？

4

2 に答える 2

0

jqueryを検討する場合は、次のことを試すことができます。

まず、cssを使用して#bounddivでラップされたコンテンツを最初に非表示にします

#bound{
 display:none;
}

BGラッパーが完全にロードされるまでシステムを2秒間待機させます

<script>
 setTimeout('show_content()', 2000);
 function show_content(){
     $("#bound").fadeIn();
 }
</script>

setTimeout時間の値を変更することにより、コンテンツ全体を表示する秒数を延長できます。

于 2012-10-15T15:02:19.920 に答える
0

あなたがこれを解決できるかどうかはわかりませんが、確かに簡単ではありません。ページは正しく読み込まれ、画像は 8 番目にリクエストされたリソースです ( HttpFoxで確認できます)。Web サイトは、基本的に 1 行ずつ順番に解析されます。あなたのサイトはHTML、スタイルシート、スタイルシートのダウンロードと解析中のいくつかのリソース（私の解釈）、そして背景画像をロードしています。あなたの画像は巨大で、webpagetest.org でのテストごとにダウンロードに 12 秒かかります。ダウンロードする前に画像を実際に表示させることはできません。正直なところ、たとえ何かが表示されたとしても、人々に何かを表示するのに 12 秒待たせたいですか?あなたは出来る？画像は飾りです。それは重要ではありません。あなたは本当にそれ以上のトラフィックを失いたいですか?

ただし、お手伝いできることはあります。まず、そのイメージは巨大です。サイズを小さくするためにできることはありませんか？つまり、なぜ画像の中央にすべての空白があるのですか? 外側のエッジのみを使用しています。次に、キャッシングを奨励します。.htaccessこれをファイルに入れてください。

<FilesMatch "\.(ico|jpg|jpeg|png|gif|swf)$">
    ExpiresActive On
    ExpiresDefault "access plus 2 weeks"
</FilesMatch>

また、確認したい場合は、キャッシングに関する別のトピックに投稿しました。

編集：

Ok。<script type="text/javascript">var vclk_options = {sid:64560,media_id:1,media_type:1,version:"1.3"};</script>...内部でロードされるこのスクリプトのように、多くのスクリプトがインラインでロードされているようです<div id="headAdvert">。これらのインライン スクリプトは、完了するまでページの読み込みを「ブロック」します。それを防ぐには、ページのコンテンツの後にそれらをロードする必要があります。これらの広告サーバーには、代わりに使用できる非同期スクリプトがありませんか? このようなものですか？

于 2012-10-15T14:42:16.383 に答える