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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3454 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

载入

svg+css3

前端

2 条回复 • 2015-06-08 18:14:02 +08:00

Septembers

2015-06-08 02:45:01 +08:00

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

ceoimon

2015-06-08 18:14:02 +08:00

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