2

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

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

4

4 回答 4

3

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

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

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

于 2013-10-04T15:06:48.950 回答
1

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

于 2013-10-04T15:07:54.983 回答
0

TL;DR：是的

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

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

为了减少需要下载的数据量，您可以使用 CSS 压缩器，例如YUI Compressor。如果您不需要某些页面上的某些文件，请不要包含它们。如果您真的想减小网页的大小，可以使用Google 的 PageSpeed Service或Apache mod_pagespeed之类的东西。您甚至可以使用在线分析器来查看如何提高网页的速度。

于 2013-10-04T15:04:32.473 回答
0

是的，

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

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

于 2013-10-04T15:06:03.950 回答