Question

为了尝试了解一下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如何组成他们的目录结构＆amp;文件名。显然，css文件的可读性并未命名。这些随机文件名背后有原因吗？有人可以提供有关此的任何信息吗？提前谢谢。

Answer 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" />
...

Facebook编码技巧

1 个答案: