2

営業時間後にタイムゾーンで「ナイトモード」に切り替わる関数呼び出しがあるWebサイトがあります。

phpファイルにはナイトモード用のdivがあり、デイモード用の1つのファイルにはデイモードがあります。divには「day-」プレフィックスがあり、ナイトモードには「night-」プレフィックスがあります。

cssには、各divの背景画像のすべてのURLが含まれています。

Webサイトが「day-」 divを使用して「daymode」になっている場合、「night-」 divの背景画像はまだ読み込まれていますか？その逆もありますか？ ---つまり、ページの読み込み時間に影響しますか？

（補足情報----これはjavascriptの唯一のphpではないため、ページが閉じる前に開かれ、閉じた後に更新された場合にのみ変更されます。）

編集-他の人にとってより役立つようにコードを追加する

これがPHPです

<?php
date_default_timezone_set('Asia/Tbilisi');

$c_time = mktime();
$open = strtotime('Today 8am');
$close = strtotime('Today 8pm');
?>


<?php if ($c_time > $open && $c_time < $close): ?> <!-- BEGIN DAY MODE -->

 <div id="animated-head-link">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="Return to  <?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>' Homepage." rel="home">

    <div id="sky" class="stage">       </div><!-- END SKY -->

     </a> 
  </div><!-- END ANIMATED-HEAD-LINK -->      <!-- END DAY MODE -->


 <?php else: ?> <!-- BEGIN NIGHT MODE -->

  <div id="animated-head-link">
  <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="Return to  <?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>' Homepage." rel="home">

    <div id="night-sky">        </div><!-- END NIGHT-SKY -->

   </a> 
 </div><!-- END ANIMATED-HEAD-LINK -->

<?php endif; ?><!-- END NIGHTMODE -->

とCSS

#sky {
overflow:hidden;
margin: 0px;
background: url('img/bg.png');
max-height: 200px;
min-height: 150px;
height: 20%;
width:100%;
max-width: 1400px;
margin-bottom: -24px;
}


#night-sky {
overflow: hidden;
margin: 0px;
background: url('img/night-bg.png');
max-height: 200px;
min-height: 150px;
height: 20%;
width:100%;
max-width: 1400px;
margin-bottom: -24px;
}

より多くのdivが含まれているため、2つのdivのみを含めました。ただし、それは質問をサポートするのに十分な情報であるはずです。

4

4 に答える 4

5

私があなたを正しく理解しているなら、あなたはこのようなものを持っています：

CSS

.day { background-image: url(day.jpg); }
.night { background-image: url(night.jpg); }

PHP

<div class="<?php echo $day ? 'day' : 'night'; ?>">

つまり、生成されたHTML出力は、一度に1つのクラスのみを使用します。その後、他の画像は読み込まれません。非表示の要素がある場合でも、両方のクラスがHTMLで使用されている場合は、それらがロードされます。

于 2013-02-28T08:29:54.160 に答える
1

CSS は、必要な/HTML からの参照を持つ画像のみをロードします。

ここに画像の説明を入力

GET logo-nl.png が表示されます。また、logo-nl.png がキャッシュされ、logo-fr よりもサイトで言語が変更された場合にのみ、読み込まれない logo-fr.png もあります。 png が読み込まれます。

于 2013-02-28T09:05:17.880 に答える
1

またはプロパティnight-でhtmlを含むday modeレンドリングをしている場合です。display:nonehidden

于 2013-02-28T08:38:53.863 に答える