现在我的 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 个页面,那么您需要第一个选项。
那么,哪种方法对服务器负载和用户延迟都更好,为什么?我正在处理的页面需要很小,因为需要移动访问和远程位置访问。