Translate 3D Animation sehr langsam

STLGmbH · 23.02.2021

Hallo zusammen,

ich habe diese Codesnippet kopiert und in meine Website eingefügt:

https://codepen.io/jeffglenn/pen/KNYoKa?editors=1100

Auf der Vorlage läuft die Hover Animation reibungslos.
Bei meiner Homepage rückelt es und es dauert gefühlt eine Ewigkeit bis der Hovereffekt startet.
An was kann das liegen? Ich habe ja den Code einfach nur kopiert.

In Chrome läuft es etwas besser.

AndreasB · 23.02.2021

Das kann an vielem liegen.
Ohne die Seite zu sehen, auf der es nicht funktioniert wird es schwierig dir zu helfen.

Außerdem wären einige Informationen noch hilfreich:
- Wieviel CSS lädst du denn noch außer dem Effekt. Gibt es darunter noch viele Animationen?
- Wieviele Scripte lädst du noch zusätzlich?
- Mit welchen Browsern hast du deine Seite schon getestet? Wie ist die Performance in diesen Browsern?
- Hast du schonmal Lighthouse laufen lassen? Was sagt der?
- Wie groß sind deine Bilder, die im Hintergrund zu sehen sind, wo sind diese gespeichert, werden die vorgeladen und werden die gecached?