1

现在我的 CSS 文件看起来像这样:

CSS 文件

然后我有一个看起来像这样的 php 片段:

<?php $Compress->folder(Configuration::get('Public').'/style/',
                        '.css',
                        Configuration::get('Public').'/style.css'); ?>

这将目录中存储的所有 css 文件最小化public_html/style/(如图所示),并在目录中创建一个/public_html/名为 style.css 的文件。它仅在需要时运行,尽管始终处于开发阶段。

然后我只包含大文件:<link rel="stylesheet" href="http://newfutureuniversity.org/style.css" type="text/css" media="screen" >.

我专注于 php 开发,现在我实际上开始开发网站的设计并希望对其进行优化。据我了解,用户必须下载的文件越少,文件越小越好(因此我的加入和最小化类)。然而,当页面特定的 CSS 文件很少时,这会引发其他问题。为什么我的主页必须加载表单 CSS 文件?还是主页面一的形式?据我所知,有3个主要选项:

1.第一次下载所有内容。

用户第一次访问该站点时,他会下载整个最小化的 css 文件。第一次会很慢,但每次访问都会快得多。它也更容易配置。

2. 先下载通用代码,再下载页面专用代码。

每次访问都是中等速度;第一个稍微慢一点,然后下一个稍微快一点,但仍然不是最好的。第一次用户下载2个文件,普通的一个被缓存以备下次访问。

3.每个页面都有不同的CSS文件。

每个页面的 CSS 是需要的 CSS 加上页面特定的,所以它不能存储在缓存中。比 2 的第一次更快。但后来变慢了。


我只是猜测它归结为用户访问了多少页面以及特定于页面的代码量。如果普通用户访问 1 或 2 个页面,则您需要第二个甚至第三个选项。但是,如果用户访问您网站的 20 或 30 个页面,那么您需要第一个选项。

那么,哪种方法对服务器负载和用户延迟都更好,为什么?我正在处理的页面需要很小,因为需要移动访问和远程位置访问。

4

2 回答 2

3

就个人而言,下载一个大的 CSS 文件比引发多个 HTTP 请求更可取,尤其是当您的网页通过浏览器查看时,该浏览器只允许每个域同时有两个 HTTP 请求。此外,样式表将被缓存以供后续请求使用。

于 2013-01-25T23:47:19.150 回答
0

我猜第一次下载一切,我的论点:

  • 即使是大 (>50KB) 的 CSS 文件也不会损害您的浏览器,通过适当的缩小和压缩,它可以减少到 ~15KB 或更少
  • 你/我们可能已经包含了更大的文件(jQuery unminified uncompressed :~70KB),你/我们不会抱怨
于 2013-01-25T23:54:38.360 回答