내 로컬 웹사이트(호스팅되지 않음)가 인터넷 없이 외부 CSS 링크에서 아이콘을 로드할 수 있는 이유는 무엇입니까?

Question

저는 웹사이트를 만들고 있으며 일부 Google 외부 CSS 링크의 일부 아이콘을 테스트하고 있습니다. index.html 파일에 외부 링크를 작성했는데 모든 것이 잘 작동했습니다. 그러다가 인터넷이 없으면 어떤 일이 일어날지 테스트해 볼 생각이 떠올랐습니다. 아이콘이 로드되지 않을 것으로 예상했습니다. 인터넷에 접속할 수 없어도 잘 로드되었습니다. 왜 그런 일이 일어났나요? 그게 어떻게 가능합니까?

Answer 1

이는 브라우저가 파일을 캐싱하기 때문입니다. 캐싱은 귀하가 보는 데이터를 하드 드라이브에 일시적으로 저장합니다. 여기에는 웹페이지의 텍스트와 이미지, 그리고 문제의 아이콘이 포함됩니다.

데이터 캐싱의 목적은 무엇입니까? 속도. 파일을 로컬로 다운로드하면 웹 사이트를 탐색할 때 데이터를 반복적으로 다운로드하거나 나중에 날짜/시간에 다시 돌아갈 필요가 없습니다. 어떤 경우에는 절약된 시간이 미미하지만 다른 경우에는 이미 데이터가 있으므로 페이지가 즉시 로드되는 것을 시각적으로 볼 수 있습니다.

댓글에서 사람들이 언급했듯이 브라우저 캐시를 지우면 아이콘이 사라집니다. 그러나 다른 브라우저를 열고 테스트하면 해당 브라우저에서 아이콘이 캐시되지 않았기 때문에 아이콘이 나타나지 않습니다.

참고로, 일부 브라우저는 사용자가 아직 보지 않은 페이지에 대한 데이터도 캐시합니다. 이를 프리페칭이라고 합니다. 웹 페이지를 보는 동안 브라우저는 백그라운드에서 링크를 탐색하고 해당 페이지를 캐시로 다운로드하기 시작합니다. 따라서 해당 링크를 클릭할 경우 더 빠르게 로드됩니다.