Font Awesome 5-通过替换JS SVG来提高性能吗?

我使用的是Font Awesome 5,带有一组有限的图标(大约30个)。我缩小FA的JavaScript版本以删除所有未使用的图标。这使js / all.min.js的文件大小约为116kb。

我仍然看到主要的性能问题,我认为它们与布局/ dom垃圾回收有关,这可能是由于替换为?

有关如何改善此处性能的任何建议?还是我看错地方了?

源HTML:

<i class="fa fa-shield"></i>

浏览器呈现HTML:

 <svg class="svg-inline--fa fa-shield fa-w-16" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="shield" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
    <path fill="currentColor" d="M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3z">
    </path>
 </svg>
 <!-- <i class="fa fa-shield"></i> -->

有兴趣的人的站点:https://www.lasereyeinstitute.com/

pkufojq 回答:Font Awesome 5-通过替换JS SVG来提高性能吗?

主要的fontswesome CSS(https://use.fontawesome.com/releases/v5.11.2/css/all.css)的总大小为55.51kb,也许您可​​以使用该CSS进行比较而不是使用js版本。

本文链接:https://www.f2er.com/3044879.html

大家都在问