Technologies for Web Animations and their Positive and Negative Sides Regarding Web Page Metrics

Abstract

The development of web technologies has led to the availability of various multimedia content on the web. In addition to text, images, and videos, transitions, animations and interactivity are increasingly used. Transitions and animations present the content on the page in more interesting, attractive ways and can attract and retain users longer, improving the measurable parameters of page visits as well as the user experience. Animations on the web can be created in many ways. And if the animations are not executed well, they can slow down the page. The goal of this article is to compare the measurable parameters of animations created with different technologies. HTML, CSS, SVG, P5js, WebGL technologies and animations created with a 3D modeling tool were used. The article uses two different examples of animations created with different technologies and then tested on several devices.

Keywords

• CSS
• HTML
• p5js
• SVG
• web animations
• WebGL