Javascript 通过包括php、html、css和外部文件来使用大小

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

---

我想在我的项目的每个页面上包含一个样式文件和一个js文件，这些文件已经包含了所有的css和js文件。是否所有我的项目页面都会附带所有文件的大小

TL；医生：是的

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

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

---

为了减少需要下载的数据量，您可以使用类似CSS的缩小器。如果在某些页面上不需要某些文件，就不要包含它们。如果你真的想缩小你的网页，你可以使用或之类的东西。您甚至可以使用来查看如何提高网页的速度。

TL；医生：是的

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

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

为了减少需要下载的数据量，您可以使用类似CSS的缩小器。如果在某些页面上不需要某些文件，就不要包含它们。如果你真的想缩小你的网页，你可以使用或之类的东西。您甚至可以使用来查看如何提高网页速度。

是

如果您要包括一个文件以使用它，则需要下载整个文件

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

是

如果您要包括一个文件以使用它，则需要下载整个文件

---

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

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

但是，考虑到一旦有人加载了40KB样式表，它可能被浏览器缓存，所以他们访问的其他页面将不必重新下载该文件。

---

您可以缩小JS和CSS以减小文件大小。此外，通常使用一个较大的压缩CSS文件比使用几个较小的CSS文件要好，因为每次有人访问您的站点时，将发送的HTTP请求数量降至最低通常是最理想的。与JS相同，甚至在某种程度上，图像也是如此（对一个精灵的一个HTTP请求可以用于页面上的几个不同的“图像”，例如图标，比单独对它们进行独立请求要好）。

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

但是，考虑到一旦有人加载了40KB样式表，它可能被浏览器缓存，所以他们访问的其他页面将不必重新下载该文件。

---

您可以缩小JS和CSS以减小文件大小。此外，通常使用一个较大的压缩CSS文件比使用几个较小的CSS文件要好，因为每次有人访问您的站点时，将发送的HTTP请求数量降至最低通常是最理想的。JS也是如此，甚至在某种程度上，图像也是如此（对一个精灵的一个HTTP请求可以用于页面上的几个不同的“图像”，比如图标，比单独请求要好）。

是的，下载的数据将是外部文件中包含的任何内容。此外，如果您确实遇到过有多个外部CSS文件的情况，那么最好尝试将其组合到一个文件中，以最小化HTTP请求。这并不是性能上的巨大提升，但每一点都可能有所帮助。这与将所有精灵包含在单个图像文件中的想法相同。如果您感兴趣，这里还有更多信息：

是的，下载的数据将是外部文件中包含的任何内容。此外，如果您确实遇到过有多个外部CSS文件的情况，那么最好尝试将其组合到一个文件中，以最小化HTTP请求。这并不是性能上的巨大提升，但每一点都可能有所帮助。这与将所有精灵包含在单个图像文件中的想法相同。如果您感兴趣，这里还有更多信息：

所以他们只能加载我的附件一次。。。我指的是js、css或html。或者它是唯一的样式文件？？大多数浏览器（除非用户设置禁用它）将缓存CSS、JS、图像和其他类型的资源，然后从本地缓存加载它们，而不是每次访问页面时都重新下载。缓存通常有过期值，因此如果它们在一两个月内没有访问，可能会重新下载，但一般来说，浏览器会尽可能利用缓存。请注意，由PHP或其他服务器端脚本动态生成的页面不会被缓存（尽管静态HTML页面可能会被缓存），例如，如果你使用Wordpress，他们可能会缓存CSS、JS和图像，但不会缓存