BestHub
search
Sign in
Tag

Animation Optimization

0 views collected around this technical thread.

Ctrip Technology
Ctrip Technology
Feb 27, 2020 · Mobile Development

Performance Optimization of Round‑Trip Flight Booking UI in Ctrip's React Native Mobile App

This article details the redesign of Ctrip's domestic flight booking module to a dual‑column layout and shares the React Native gesture, animation, and performance optimization techniques that raised frame rates from ~40 fps to ~59 fps while handling double the data volume.

Animation OptimizationPerformanceandroid
0 likes · 10 min read
Performance Optimization of Round‑Trip Flight Booking UI in Ctrip's React Native Mobile App
360 Tech Engineering
360 Tech Engineering
Mar 12, 2019 · Frontend Development

Understanding the RAIL Model and Pixel Pipeline for Smooth Web Animations

This article explains how the RAIL performance model and the browser pixel pipeline can be used to define smoothness standards, measure animation performance, and apply practical techniques such as requestAnimationFrame, avoiding forced synchronous layouts, and leveraging layers to achieve consistently 60 FPS web experiences.

Animation OptimizationFrontend DevelopmentRAIL
0 likes · 16 min read
Understanding the RAIL Model and Pixel Pipeline for Smooth Web Animations