Php 页面加载时是否仍加载未使用的图片？
我有一个网站，有一个功能调用，在工作时间后，在我的时区切换到“夜间模式” php文件具有夜间模式的div以及日间模式的一个文件中的日间模式的div。div具有“day-”前缀，夜间模式具有“night-”前缀 css有每个divs背景图像的所有URL 现在，当网站处于“日间模式”时，使用“日间-”div的是“夜间-”div的背景图像，反之亦然？ ---i、 e.它们会影响页面加载时间吗？ （补充信息——这不是javascript，它不是唯一的php，所以只有在关闭前打开页面并在关闭后刷新页面时才会更改。） 编辑-添加代码以便对其他人更有用 这是PHPPhp 页面加载时是否仍加载未使用的图片？,php,css,image,load-time,Php,Css,Image,Load Time,我有一个网站，有一个功能调用，在工作时间后，在我的时区切换到“夜间模式” php文件具有夜间模式的div以及日间模式的一个文件中的日间模式的div。div具有“day-”前缀，夜间模式具有“night-”前缀 css有每个divs背景图像的所有URL 现在，当网站处于“日间模式”时，使用“日间-”div的是“夜间-”div的背景图像，反之亦然？ ---i、 e.它们会影响页面加载时间吗？ （补充信息——这不是javascript，它不是唯一的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 -->
我只包含了两个div，因为包含的div更多。但是，这些信息应该足以支持这个问题。如果我理解正确，您有如下内容： CSS
.day{背景图片：url（day.jpg）；}
.night{背景图像：url（night.jpg）；}
它是而不是
您可以使用浏览器进行检查，许多浏览器支持“开发人员工具”，您可以在其中查看实际产生的流量。（例如Firefox有Firebug工具）
您可以在此示例中尝试：
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
#middle { width: 800px; height: 600px; border: 2px solid #AFF; margin: 100px; }
.day {background-image: url('http://i1.trekearth.com/photos/88915/night_and_day.jpg');}
.night {background-image: url('http://smartpei.typepad.com/.a/6a00d83451db7969e20153903c3136970b-800wi');}
//-->
</style>
</head>
<body>
<div id="middle" class="night">
</div>
</body>
</html>
测验
如果您在日间模式下使用显示：无
或隐藏
属性渲染包含html的夜间-
CSS将只加载需要的图像/从HTML中引用的图像：
您可以看到GET logo-nl.png，还有一个logo-fr.png，它没有加载，只有在网站上更改语言时，logo-nl.png才会被缓存，logo-fr.png才会被加载。是，你为什么不为白天/晚上创建两个单独的CSS，并根据你的设置使用IF/ELSE加载文件。@Tom Walters你的权利它接近另一个问题我的搜索没有找到它，我更感兴趣的是使用IF语句是否会将两个图像加载到DOM中，但据我所知不会。我将添加一些代码，只是为了让它对其他人更有用。我打算粘贴代码，但您不需要代码，因为您的答案是正确的。如果我调用css中的图像，它不会加载……但是，如果我使用if day>img src=“day.jpg”if night>img src=“night.jpg”，那么这会加载两张图片吗？如果我理解正确的话。不，在HTML输出中一次只有一个引用，在CSS中甚至没有任何引用。在这种情况下，客户怎么知道其他选项呢？谢谢，我刚刚检查了safari中的活动窗口，正如你们都正确地说的，他们的不是night-bg.png，我忘记了我通常只使用chrome。其中没有文件列表
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
#middle { width: 800px; height: 600px; border: 2px solid #AFF; margin: 100px; }
.day {background-image: url('http://i1.trekearth.com/photos/88915/night_and_day.jpg');}
.night {background-image: url('http://smartpei.typepad.com/.a/6a00d83451db7969e20153903c3136970b-800wi');}
//-->
</style>
</head>
<body>
<div id="middle" class="night">
</div>
</body>
</html>