通过包括php，html，css，外部文件来消耗大小

Question

当我们在支持40kb的网站中包含js，css或html文件时，它会为网站增加40kb的额外空间吗？另外，如果我们有一个名为style.css的文件，它有100个样式，如果我们只需要一个样式，我的页面就会占用文件的完整大小。

我想在我的项目的每个页面上包含一个样式文件和一个js文件，这些文件包含所有已包含init的css和js文件。我的所有项目页面是否都有附加到其上的所有文件的成瘾大小。

Answer 1

是的，当页面加载时，它会加载代码中调用的所有相关资源（脚本，CSS，图像等），即使它只需要使用10％的已定义样式或脚本。 / p>

但是，考虑一旦有人加载您的40kb样式表一次，它可能会被他们的浏览器缓存，因此他们访问的每个其他页面都不必重新下载该文件。

您可以缩小JS和CSS，以减少文件大小。此外，拥有一个比几个较小的CSS文件大的压缩CSS文件通常更好，因为通常情况下，每次有人访问您的网站时，最小化发送的HTTP请求的数量通常是理想的。与JS相同，甚至图像在某种程度上（对于可用于页面上的几个不同“图像”的精灵的单个HTTP请求，例如图标，比单独单独请求它们更好）。< / p>

Answer 2

是的，下载的数据将包含在外部文件中。此外，如果您遇到过多个外部CSS文件的情况，最好尝试将其组合成一个文件以最小化HTTP请求。这不是一个巨大的性能提升，但每一点点都可能有所帮助。这与将所有精灵包含在单个图像文件中的想法相同。如果您有兴趣，可以在此处获得更多信息：http://developer.yahoo.com/performance/rules.html

Answer 3

TL; DR：是

如果您向您的网站添加40KB的css，它将使您的用户下载的数据增加40KB，并将使您的服务器存储空间使用量增加40KB。

即使您只需要使用css文件中的一种样式，它仍然需要下载整个40KB。

要减少需要下载的数据量，可以使用像the YUI Compressor这样的CSS缩小器。如果您不需要某些页面上的某些文件，请不要包含它们。如果您真的希望缩小网页的尺寸，可以使用Google's PageSpeed Service或Apache mod_pagespeed之类的内容。您甚至可以使用online analyzer查看如何提高网页的速度。

Answer 4

是，

如果您要包含一个文件来使用它，则需要下载整个文件。

检查您的尺寸（不精确但速度快）的最佳方法是从浏览器保存网页，这将包括页面文件旁边的文件夹中的所有图像/ css / js。查看他们的文件大小以了解页面的大小。