Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mobile Web Performance Optimization

You're reading from   Mobile Web Performance Optimization Deliver a better mobile user experience by improving and optimizing your website – follow these practical steps for cutting-edge application development

Arrow left icon
Product type Paperback
Published in Dec 2015
Publisher
ISBN-13 9781785289972
Length 150 pages
Edition 1st Edition
Arrow right icon
Author (1):
Arrow left icon
S. S. Niranga S. S. Niranga
Author Profile Icon S. S. Niranga
S. S. Niranga
Arrow right icon
View More author details
Toc

Table of Contents (9) Chapters Close

Preface 1. Pillars of Mobile Web Performance Optimization 2. Mobile Web Optimization Essentials FREE CHAPTER 3. How to Optimize Your Mobile Website 4. Caching and Optimizing 5. Monitoring and Debugging Our Website 6. Managing Third-Party Components 7. Tips and Tricks Index

CSS animation versus JavaScript


Having a nice animation or a text effect doesn't have a direct impact on your mobile site's conversion rate, but it will give your website an attractive look and feel. Nowadays, developers use CSS or JavaScript to create animations, and both of these have negatives and positives. Which method to use totally depends on the project and what kind of animation the developer is going to use. Anyway, I think CSS animations are excellent for simple animations such as toggling the UI element state, and JavaScript animations are good for complex effects such as bouncing, playing, stopping, and so on.

Most simple animations can be created using JavaScript or CSS, but the time you have to spend creating them will be different. So in my opinion:

  • CSS animations are good for smaller, self-contained states for UI elements. For an example, when creating a navigation menu or a tooltip, developers can use a CSS transition property.

  • If you need total control of an element, you...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image