由于动画期间的延迟加载，CSS转换生涩。怎么避免这个？

Question

我的问题是我有一个很长的reveal.js presentation，我想懒得加载图片以及YouTube和Vimeo视频。加载内容时，幻灯片转换不稳定。

在具有良好宽带连接的强大计算机上，这不是一个问题，但它在智能手机上显得非常明显。

我已经读过我应该在动画期间避免DOM更改或其他回调：

如何计算延迟加载时间，以免干扰reveal.js的美丽平滑过渡？

Answer 1

首先要在评论中回复某人时要小心标签，例如[@] SouPress不起作用，当你标记我时我没有得到通知，其余的都没有。这可能就是你没有得到任何答案的原因。因此，使用这样的CSS不会让您在许多设备上顺利工作，特别是如果您的目标是罗马尼亚人口。在查看您的投资组合时，该国大多数家用电脑都无法提供良好的体验，而且很多公司都使用过时的浏览器来支持您的过渡。

另一方面，就像@trueblueaussie所说的那样，css过渡非常顺利。

我可以推荐的一件事是，您使用这些视频通过点击事件预先加载图像，同时（尽管这不是最佳做法的一部分）预加载视频，您可以模拟两次点击播放然后暂停

要屏蔽所有可以制作预加载界面的内容，以延迟显示网站数x秒，并让网站在这段时间内尽可能多地加载。 不幸的是，当谈到他对未更新的浏览器的体验时，你会受到客户的互联网连接以及他的意识的支配

祝你好运。

<强> RO： Salut，在primul rand ai grija cum faci tag-urile cand raspunzi persoanelor，[@] SouPress nu merge，eu nu am primit notificare ca mi-ai raspuns si nici ceilalti。 Motiv pentru care，probabil，nu ai mai primit raspunsuri。在alta ordine de idei，din pacate，folosirea CSS-ului in felul acela nu iti va indeplini dorinta de a rula pe cat mai multe device-uri，mai ales daca publicul target este din Romania。 Marea主要是一个pc-urilor nu vor oferi o experienta placuta cand vor vizualiza portofoliul si din pacate，multe firme ruleaza cu browsere out of date care nu vor suporta website-ul。

在alta oridine de idei，asa cum spus si TrueBlueAussie，tranzitiile cu CSS sunt cat se poate de smooth。

Ce iti pot recomanda este sa te folosesti de acele video pentru a face preload la imaginile dintre ele on click event si in acelasi timp（desi nu intra la best practices）pentru a face preload si la video，poti simula doua click event -uri pe ele pentru a da play si pause ...

Pentru a face toata chestia cat mai smooth si sa o maschezi，poti face un preload interface care sa dureze un numar de x secunde in care site-ul sa se incarce cat mai mult posibil。

Insa，din pacate，acum esti la mana conexiunii clientului si a constiintei acestuia cand vine vorba de experienta sa cu browserele。

祝你好运。