SVG+CSS3 动画当载入动画，在页面载入的过程中为什么会卡？

[ceoimon]

本人前端新手，最近搞了个个人博客，用的NexT主题，自己略作修改。
然后使用SVG+CSS3实现了一个载入动画，这里有Codepen的demo, 然后就把它放到了页面，在我的5S Safari浏览器下打开发现很卡（大屏手机可能加载的是另外一个动画..也有可能会卡）。
前端大牛们能帮忙看一下问题出在哪吗？

[Septembers]

网站内图片(资源)懒加载
DOMContentLoaded就可以展现了，不必等所有资源加载完毕

[ceoimon]

@Septembers 换成了懒加载，但是这样网页的加载速度就挺快的了 Orz, 根本看不到加载动画（特别是移动端），不过还是要感谢你，之前也没了解过 DOMContentLoaded ，我觉得我要的只是字体和一些关键的图片加载完就可以显示了。