外部SVG中的样式表-它们是从缓存加载还是两次加载？
外部SVG中的样式表是从缓存加载的。
当浏览器第一次加载SVG文件时，它会下载并缓存外部的样式表文件，以便在后续渲染过程中使用。这意味着如果多个SVG文件使用相同的外部样式表，浏览器只会下载和缓存一次，以提高加载效率和减少带宽消耗。
当浏览器再次遇到使用相同外部样式表的SVG文件时，它会直接从缓存中读取已下载的样式表，而不是再次加载。
这种方式的优势在于节省了网络请求的时间和带宽，提高了SVG文件的加载速度。此外，通过集中管理样式表，可以简化维护和更新工作。
在腾讯云中，您可以使用腾讯云对象存储（COS）服务来存储和分发SVG文件，同时可以使用腾讯云CDN加速服务来提供快速的内容分发和缓存功能，进一步优化SVG文件的加载性能。
更多关于腾讯云对象存储（COS）的信息，请访问：https://cloud.tencent.com/product/cos
更多关于腾讯云CDN加速服务的信息，请访问：https://cloud.tencent.com/product/cdn
相关·内容
我使用以下代码导出外部SVG图像(由于多种原因，我不能内联使用它)： <head></head>
<sv
浏览 40提问于2019-05-29得票数 0
1回答
我已经找到了一个相当酷的SVG加载器，它可以工作，但是我很难弄清楚如何将它放到屏幕的中央。普通的ole Css不起作用，所以我有点卡住了。这是SVG/HTML： <path class="tri1" d="M11.7 118L9.719 118 72.5 9.259118z">
浏览 3提问于2014-06-11得票数 0
我在网上阅读关于外部和内部样式表的相互矛盾的信息。我认为这个概念是外部样式表只能缓存一次，所以理论上它们应该比内部样式表加载得更快？这是真的吗？我在webpagetest上测试了我的博客，用这两种类型的样式表查看是否有任何更改。
当我只使用内部样式表时，Webpagetest说我的主页在1.0秒内加载<
浏览 3提问于2013-09-14得票数 1
回答已采纳
5回答
在我编写的每个网站中，我都使用了一个外部CSS样式表来样式文本和诸如此类的东西，因为它更容易管理。我已经把这个脚本包含在我的头部标签中，如下所示：但是，我也看到人们将所有的<style>代码添加到head标签下面的一个<style>标记中，从而将HTML代码和CSS都写到一个脚本
浏览 7提问于2014-08-24得票数 3
回答已采纳
请你分享一下如何：使用jQuery SVG插件？我有麻烦的来源，从项目网页：。var SVG = $("#wrapper").svg('get');
SVG.load('external.<
浏览 4提问于2012-05-24得票数 3
1回答
因为我碰巧在一个项目中广泛使用内联SVG，所以我想确切地知道如何在浏览器中缓存内联SVG(著名的html5元素，这是w3c推荐的元素)，同时使用带有<img>标签或background-image的SVG是可缓存的。如果DOM是可缓存的，那么为什么SVG DOM不能呢？(它建立在DOM级别2的基础上
浏览 1提问于2016-06-15得票数 9
回答已采纳
我正在react应用程序中加载SVG。SVG引用外部样式表。 如果我将SVG从JSX移到index.html中，SVG将使用定义的css类。如果我使用诸如react-svg之类的库，svg将在JSX中加载外部css类。 为什么在JSX中使用SVG时，SVG不加载外部<
浏览 57提问于2019-04-17得票数 0
当使用字体系列在SVG中呈现文本时，Chrome 32.0.1700.107将选择合适的字体。但是，如果我使用相同的SVG作为img元素的输入，则会使用不正确的字体。如果我指定了我所知道的系统上的特定字体，那么该字体将在svg和img元素中正确地呈现。一个简单的例子：
<svg id="scalingSvg" xmlns="http:/
浏览 4提问于2014-02-21得票数 4
我的网站使用许多外部SVG文件和他们自己的<style>元素在SVG文件本身。在初始加载或硬刷新时，一切都按预期工作，网站CSS和SVG都会加载适当的样式，这取决于系统OS是设置为暗模式还是光模式。但是，如果我在操作系统中切换模式，只更新网站CSS，而不是外部SVG文件的CSS。
因此，我需要硬重新加载全部缓
浏览 5提问于2021-12-05得票数 3
回答已采纳
1回答
我有两个单独的HTML文件，一个只是服务于主页，另一个服务于应用程序的其他路由。 有一个CSS文件，假设是common.css，这两个HTML都需要它。如果我像这样预先加载， <link rel="preload" as="style" href="/css/common.css" onload="this.rel='stylesheet'" /> 在主页HTML中
浏览 56提问于2020-04-28得票数 0
1回答
假设我有一个SVG文件。它引用一个外部CSS样式表以及一个外部SVG文件。这是一个简短的版本。<?>
最后，SVG文件以允许与其他文件交互的方式加载到DOM中。当我获取<defs>并将它们移动到正在显示的SVG
浏览 6提问于2021-12-22得票数 0
我有一个要用于几个img元素的资产asset.svg。或者我应该为每个img元素提供一个单独的svg文件。下面是一个代码沙箱的链接，其中一个svg用作三个独立img元素的src。
浏览 15提问于2021-06-11得票数 0
回答已采纳
1回答
我的web应用程序使用直接嵌入到css样式表中的内联svg图像。有多个图像，在不同的类中，我不知道在运行时。
目前，svg图像在第一次使用时加载到浏览器缓存中，这会导致短暂的闪烁。有没有办法告诉浏览器应该在显示这些内联svg之前将它们加载到浏览器缓存中？例如，我有一个模糊的<
浏览 0提问于2014-06-05得票数 5
有人能解释一下hibernate将集合放到第一个lvl缓存中是真的吗 它看起来像是 RestController的第一个请求 @GetMapping("/findfoo")
public List<Foo将执行此操作: select * from foo；和second requet List<foo> listTwo=fooRepositoy.findAll(); hibernate将从第一个lvl缓存中获取还是会对数据
浏览 11提问于2021-02-01得票数 2
回答已采纳
1回答
我在我的网站上使用了一些交互式/动态的SVG，作为一个特性，我们可以选择按原样下载.svg文件。我想知道SVG标准以及样式表是如何适应它的。是否将.css文件设计为与.svg</e
浏览 0提问于2012-06-10得票数 4
回答已采纳
在chrome和Firefox中，浏览器在进行更改后都不会加载完整的样式表。我必须刷新浏览器两次。所有样式都在一个样式表中，所以这对我来说毫无意义。主要的罪魁祸首是被设置为display:none的ul元素被ul，menu display block的用户代理样式覆盖。但是，如果再次刷新，则加载整个样式表。我的所有文件和文件夹都存储在工作服务器上
浏览 3提问于2012-02-28得票数 1
我刚开始探索IE以外的浏览器，我发现了以下行为：编辑：，我认为Chrome也使用IE9之类的缓存。所以这个问题只涉及Firefox和Safari。
最新版： Ok，我
浏览 3提问于2011-10-14得票数 1
回答已采纳
父div高度和宽度在外部CSS文件中定义，<link>用于在页面的<head>部分中包含样式表。所有样式表都包含在javascripts之前。JavaScript调整大小代码是在使用标准$(function() {})的jQuery文档就绪事件中触发的。所有样式表和javascripts都会自动附加时间戳(Rails应用程序)，以确保它们不被缓存(正在开发<
浏览 0提问于2010-08-13得票数 1
回答已采纳
因为外部样式表将被保存在缓存中，所以加载频繁的visit.Should页面会更快，所以我总是使用外部样式表而不是嵌入式样式表，即使一个样式只用于一个特定的页面。我能想到的唯一缺点是，如果我们只使用外部样式表，我们可能会在文件夹样式中有很多文件，这对于其他开发人员来说，与只在页面上使用css的嵌入式样式表相比，可
浏览 0提问于2011-11-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
