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

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

概述我在网站上有几个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图像所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1058145.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存