大流量是否会导致 CSS 故障？答案

【问题标题】：Does heavy traffic cause CSS malfunctions?大流量是否会导致 CSS 故障？
【发布时间】：2010-01-12 14:41:11
【问题描述】：

我昨天刚刚启动了我的网站，一切正常。我有一个博客社区页面和一个问题社区页面，每个页面都有一个热门博主/热门评论者部分，以及一个热门提问者/热门答案部分。它们都共享相同的 CSS，并拥有一个包含使用 CSS 正确对齐的用户图片的图像

我注意到当用户数量开始超过 200 时，仅在博客页面上，并且只有第一排四张的第一张图片和四张第二排的第一张图片不符合要求。仅在 Firefox 中，不在 IE、safari 或 Chrome 中

知道这可能是什么吗？这是结构

<td class="topCommentPic round_10px">
                    <a href="<?php echo $author->url(); ?>">
                        <img src="<?php echo $author->img('mini'); ?>" border="0" />
                    </a>
                    <div class="topCommentName">
                        <a href="<?php echo $author->url(); ?>">
                            <?php echo $author->first_name; ?><br /><?php echo $author->last_name; ?>
                        </a>
                    </div>
                </td>

【问题讨论】：

第二天200个独立用户！你能帮我推销吗？
CSS 不是因为交通繁忙而出现故障，它只是纯文本，不知道/影响交通状况。
FWIW "round_10px" 是一个相当荒谬的类名。名称应该是通用的，例如“userList”或类似名称，它们不应该将您设置的属性编码在名称中。
round_10px 是一个完美的类名，尤其是在应用了多个类的情况下。规则可以被打破。

标签： php html css firefox safari

【解决方案1】：

让我们想一想。服务器上的用户数量将如何影响来自您服务器的世界另一端的浏览器呈现 HTML 的方式？

这不太可能 - 尤其是在确定造成如此小的差异的原因时。

服务器上的用户数量会影响服务器向客户端发送的内容吗？

...很可能，它唯一可能影响的是网页上的“# users online”部分。我会开始看那里 - 具体来说，它现在可能会稍微超出允许的空间。

【讨论】：

好吧，我基本上同意，但理论上如果服务器提供图像的速度有点慢，并且 Firefox 的重排代码中存在一些奇怪的错误，那么拥有大量用户可能会影响客户端上的渲染。我怀疑这就是正在发生的事情，但“显然不可能”这个声明可能太强了。
虽然我同意您对问题的分析，但服务器上的负载可能会导致/阻止 CSS 及时返回，因此可能无法加载。但我同意，这不是他遇到的问题。
我同意，从不说不能。说几乎不可能更合适。
由于资源不足、达到服务器的最大连接数、内存不足导致的超时...

【解决方案2】：

CSS 由您的服务器发送并由客户端的浏览器执行（读取）以显示一个漂亮的网页。

CSS 的客户端执行不会受到在线访问者数量的影响。 HTML 或 JS 也是如此。

但是，您的服务器负载可以（并且现在）受用户数量的影响。如果您的服务器负载太高，可能会发生未定义的反应。在发送整个 CSS 文件之前，您的服务器会关闭连接。尝试检查您的服务器负载。

还要注意一些“在线用户列表”，因为它们会占用比您最初想象的更多的页面空间来快速破坏模板。

【讨论】：

【解决方案3】：

我有一个完全随机的想法.......尝试按键盘上的 Ctrl+0（控制和归零），看看会发生什么。有时 Firefox 缩放会导致失真，只能使用 Ctrl+0 正确重置。有一次想知道我的屏幕出了什么问题，就把我的头发拉了出来。

【讨论】：