我使用的是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/