Question

我具有以下代码来导出外部SVG图像（出于多种原因，我无法内联使用它）：

<head>
  <link rel="stylesheet" href="theme.css">
</head>

...

<object data="image.svg" type="image/svg+xml"></object>

图片本身：

<?xml-stylesheet href="theme.css" type="text/css"?>
<svg viewBox="0 0 100 100">...</svg>

因此，对于图像，我正在加载相同的theme.css，以使页面可以使用其中的某些类。它工作正常，但是我想知道页面加载速度是否受此影响？我检查了控制台，看起来第二个theme.css的加载速度快了10倍。任何人都可以澄清它的工作原理吗？

Answer 1

如果通过按F12键使用浏览器开发人员工具，请查看“网络”选项卡，然后重新加载页面，您可以查看是否从内存缓存或磁盘缓存加载了资源。

您还可以通过使用Shift + F5进行刷新（不使用缓存）来查看刷新速度是否再次变慢，以进行刷新测试。