当我们在支持40kb的网站中包含js，css或html文件时，它会为网站增加40 kb的额外空间吗？另外，如果我们有一个名为 style 的文件.css它有 100 种样式，如果我们只需要其中的一种样式，我的页面会占用文件的全部大小。
我想在项目的每个页面上包含一个样式文件和一个 js 文件，这些文件已经包含所有 css 和 js 文件。我的所有项目页面是否都具有附加到它的所有文件的成瘾大小。
是的，当页面加载时，它会加载代码中调用的所有相关资源（脚本、CSS、图像等），即使它只需要使用定义的样式或脚本的 10%。
但是，请考虑一旦有人加载您的 40kb 样式表一次，它可能会被他们的浏览器缓存，因此他们访问的所有其他页面都不必重新下载该文件。
您可以缩小JS和CSS以减小文件大小。 此外，拥有一个更大的压缩 CSS 文件通常比拥有几个较小的 CSS 文件更好，因为每次有人访问您的网站时，最大限度地减少发送的 HTTP 请求数量通常是理想的。 与JS相同，甚至在某种程度上与图像相同（对可以用于页面上多个不同"图像"（例如图标）的精灵的单个HTTP请求比单独请求它们要好）。
是的，下载的数据将是外部文件中包含的任何内容。此外，如果您确实遇到有多个外部 CSS 文件的情况，最好尝试将其组合成一个文件以最大限度地减少 HTTP 请求。这不是性能的巨大提升，但每一点都可能有所帮助。这与将所有精灵包含在单个图像文件中的想法相同。如果您有兴趣，这里有更多关于它的信息：http://developer.yahoo.com/performance/rules.html
是的，
如果要包含文件以使用它，则需要下载整个文件。
检查大小的最佳方法（不精确但快速）是从浏览器中保存网页，这将包括页面文件旁边的文件夹中的所有图像/css/js。查看他们的文件大小以了解页面的大小。
TL;DR：是
的如果您向网站添加 40KB 的 css，它将使您的用户下载的数据增加 40KB，并将您的服务器存储空间使用量增加 40KB。
即使您只需要使用css文件中的一种样式，它仍然需要 下载整个40KB 。
为了减少需要下载的数据量，您可以使用像 YUI 压缩器这样的 CSS 缩小器。如果您不需要某些页面上的某些文件，请不要包含它们。如果你真的想减小网页的大小，你可以使用谷歌的PageSpeed Service或Apache mod_pagespeed。您甚至可以使用在线分析器来了解如何提高网页的速度。