单大缓存,能CSS VS特定页面的CSS小片段(Single big cache-able CSS

2019-10-17 15:29发布

现在我的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.下载所有的第一次。

第一次用户visites现场,他下载整个最小css文件。 它第一次将是缓慢的,但其它的访问会快很多。 此外,它更容易配置。

2.下载通用代码的第一次,然后指定页面的代码。

每次访问具有中等速度; 第一个稍微慢一点再下那些有点快,但仍然不是最好的。 第一次用户下载2个文件,并共同一个被缓存下次访问。

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

每个页面的CSS是CSS需要加上特定的页面,所以它不能被存储在缓存中。 比2,但后期较慢第一时间快。


我只是猜测,它涉及到多少页的用户访问和特定页面的代码量。 如果平均用户访问1或2页,你会希望第二或第三甚至选择。 但是,如果用户访问20或30页你的网站,那么你想要的第一个选项。

因此,该方法是将两个服务器的负载和用户的等待时间,为什么好? 我的工作需要的页面要小,因为移动接入和远程位置访问的预期。

Answer 1:

就个人而言,下载一个,大的CSS文件最好招致多个HTTP请求,特别是如果你的网页是不是由浏览器,只允许每个域两个同时进行的HTTP请求查看。 另外,样式表将被缓存的后续请求。



Answer 2:

我想下载所有的第一次,我的论点:

  • 即使是大(> 50KB)CSS文件不会伤害你的浏览器,在适当的缩小和压缩可以减至约15KB以下
  • 你/我们可能已经包括大文件(jQuery的unminified未压缩:〜70KB)和你/我们不抱怨


文章来源: Single big cache-able CSS vs page-specific small CSS snippets