Facebook编码技术



为了了解一些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文件并不是为了可读性而命名的。这些随机文件名背后有原因吗?有人能提供这方面的信息吗?提前谢谢。

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

最新更新