0

为了了解一点 Facebook 和他们的编码技术,我查看了他们的源代码。这是我发现的一件事:

<link rel="stylesheet" href="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yN/r/JUrfX0ucXVq.css" />
<link rel="stylesheet" href="https://fbstatic-a.akamaihd.net/rsrc.php/v2/y2/r/gpxPzqCou0g.css" />
<link rel="stylesheet" href="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yD/r/OWwnO_yMqhK.css" />

我的问题是关于 Facebook 如何组成他们的目录结构和文件名。显然,css 文件的名称不是为了可读性。这些随机文件名背后有什么原因吗?有人可以提供有关此的任何信息吗?提前致谢。

4

1 回答 1

1

CSS 文件被赋予随机文件名以防止浏览器缓存它们。

当浏览器缓存一个资源时,它会下载该文件并将其保存在用户的计算机上,以防止同一个文件被多次下载。问题是,如果您更改 CSS 文件并保持文件名相同,浏览器将继续使用该文件的缓存版本,并且不会下载更新的版本。通过为 CSS 文件提供唯一名称,浏览器将被迫下载它们。

这类似于对 CSS 文件执行此操作:

<link rel="stylesheet" href="style-v1.css" />
<link rel="stylesheet" href="style-v2.css" />
<link rel="stylesheet" href="style-v3.css" />
...
于 2013-02-12T00:39:36.907 回答