html – 在站点中加载缓慢或最后的SVG图像

概述我在网站上有几个SVG背景.它们的大小不到50kb,然而,它们加载速度很慢,或者它们似乎也是网站上的最后一个元素.由于它们位于页面的标题上,因此在加载图像时我不需要空格.我一直试图找到答案或理由为什么会发生这种情况并优化svgs但似乎无法找到解决方案.我的背景是大约2-3秒白色,然后出现SVG. 我在CSS中内嵌SVG 这就是我在html上的内容 <div class='header-main'> 我在网站上有几个SVG背景.它们的大小不到50kb,然而,它们加载速度很慢,或者它们似乎也是网站上的最后一个元素.由于它们位于页面的标题上,因此在加载图像时我不需要空格.我一直试图找到答案或理由为什么会发生这种情况并优化svgs但似乎无法找到解决方案.我的背景是大约2-3秒白色,然后出现SVG.

我在CSS中内嵌SVG

这就是我在HTML上的内容

<div class='header-main'>  <div >    <hr></hr>    <h1 >Some Text</h1>  </div></div>

加载SVG的CSS是：

.header-main {  background: url('{{ asset "/img/background-main.svg"}}');}

解决方法 你可以直接把svg写入HTML.这会强制它与页面的其余部分一起加载. 总结

以上是内存溢出为你收集整理的html – 在站点中加载缓慢或最后的SVG图像全部内容，希望文章能够帮你解决html – 在站点中加载缓慢或最后的SVG图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。