Tagged articles
19 articles
Page 1 of 1
DaTaobao Tech
DaTaobao Tech
May 24, 2023 · Mobile Development

Understanding and Optimizing Mobile Page Performance and Jank

Effective mobile page performance requires identifying three jank types—screen tearing, frame drops, and long unresponsiveness—monitoring metrics such as response time, animation latency, idle time, and SM, understanding the CPU‑GPU rendering pipeline, and applying optimizations like hardware acceleration, transform‑based animations, reduced layout thrashing, task slicing, and GPU‑friendly techniques.

Browser RenderingGPU AccelerationJank
0 likes · 13 min read
Understanding and Optimizing Mobile Page Performance and Jank
Xianyu Technology
Xianyu Technology
Mar 1, 2023 · Mobile Development

Flutter Performance Tips: Quick Identification and Raster Cache Optimization

By using a quick identification tip and a unified smoothness metric, developers can see that Flutter often out‑performs native pages on high‑refresh iOS devices and, on Android, can be measured across devices, while optimizing rasterCache hit rates—through flags like will_change, is_complex, complexity_score, visibility rules, and limiting cached items to three per frame—significantly improves rendering performance.

Flutterfpsperformance
0 likes · 6 min read
Flutter Performance Tips: Quick Identification and Raster Cache Optimization
Ctrip Technology
Ctrip Technology
Jul 7, 2022 · Mobile Development

Performance Optimization Practices for a Flutter‑Based Hotel App at Ctrip

This article details how Ctrip's hotel team used Flutter to improve app performance over two years by monitoring FPS, TTI, memory, applying widget‑tree optimizations, lazy loading, frame rendering, service‑channel enhancements with Protobuf, and systematic memory‑leak detection and mitigation.

FlutterMobile DevelopmentProtobuf
0 likes · 22 min read
Performance Optimization Practices for a Flutter‑Based Hotel App at Ctrip
JD Retail Technology
JD Retail Technology
Nov 6, 2020 · Mobile Development

JD Mall App Stutter Monitoring System: Architecture, Implementation, and Optimization Outcomes

This article details the design and deployment of JD Mall's mobile app stutter monitoring system, introducing the stutter rate metric, describing data collection, analysis, and reporting modules, presenting iOS and Android implementation code, and summarizing the performance improvements achieved across the platform.

AndroidThread Deadlockfps
0 likes · 20 min read
JD Mall App Stutter Monitoring System: Architecture, Implementation, and Optimization Outcomes
FunTester
FunTester
Aug 23, 2019 · Mobile Development

Collect Android App FPS with ADB and a Multithreaded Java Helper

This guide shows how to use the adb shell dumpsys gfxinfo command to capture frame‑per‑second metrics for an Android app and provides a reusable Java class that runs in a separate thread, parses the output, and stores the results for performance analysis.

ADBAndroidJava
0 likes · 6 min read
Collect Android App FPS with ADB and a Multithreaded Java Helper
Xianyu Technology
Xianyu Technology
Apr 25, 2019 · Mobile Development

How Xianyu Monitors Flutter Performance for Hundreds of Millions of Users

This article explains Xianyu's comprehensive Flutter performance monitoring system—including frame‑rate tracking, page‑load timing, and exception rate metrics—detailing the underlying principles, implementation steps, and real‑world results that help maintain a smooth user experience at massive scale.

Exception HandlingFlutterMobile Development
0 likes · 9 min read
How Xianyu Monitors Flutter Performance for Hundreds of Millions of Users
360 Quality & Efficiency
360 Quality & Efficiency
Nov 12, 2018 · Mobile Development

Understanding VSync and Measuring Smoothness on Android

This article explains Android's VSync mechanism, defines smoothness metrics such as FPS, skipped frames and smoothness, describes how VSync timing affects rendering, and provides practical testing commands like `adb shell dumpsys gfxinfo` and `adb shell dumpsys SurfaceFlinger` for measuring frame performance.

AndroidMobile DevelopmentPerformance Testing
0 likes · 8 min read
Understanding VSync and Measuring Smoothness on Android
MaGe Linux Operations
MaGe Linux Operations
Oct 10, 2018 · Artificial Intelligence

How to Build Real-Time Object Detection with OpenCV and Deep Learning in Python

This tutorial explains how to extend a deep‑learning object detection project with OpenCV and Python to process live video streams, covering setup, command‑line arguments, model loading, frame‑by‑frame detection, drawing bounding boxes, FPS measurement, and performance tips for achieving real‑time results.

Deep LearningVideoStreamfps
0 likes · 8 min read
How to Build Real-Time Object Detection with OpenCV and Deep Learning in Python
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 7, 2017 · Frontend Development

How to Achieve Smooth 60 FPS Web Animations on Low‑End Devices

This article explains why 60 FPS is the benchmark for fluid web animations, shows how to measure frame rates with requestAnimationFrame, compares CSS and JavaScript animation performance on TV‑box hardware, and provides a step‑by‑step optimization guide using GPU acceleration, will‑change, and dev‑tools.

GPU AccelerationPerformance OptimizationWeb animation
0 likes · 16 min read
How to Achieve Smooth 60 FPS Web Animations on Low‑End Devices
Hujiang Technology
Hujiang Technology
Jun 23, 2017 · Mobile Development

Implementing iOS Performance Monitoring: CPU, Memory, FPS, Startup Time, and Power Consumption

This article details the design and implementation of an iOS performance‑monitoring SDK that captures fundamental metrics such as CPU usage, memory consumption, frame rate, cold and hot startup times, and power draw, explains the underlying Mach APIs, provides sample Objective‑C code, and discusses practical considerations for accurate measurement and troubleshooting.

CPU usageMemory UsagePerformance Monitoring
0 likes · 26 min read
Implementing iOS Performance Monitoring: CPU, Memory, FPS, Startup Time, and Power Consumption
Qunar Tech Salon
Qunar Tech Salon
Jan 13, 2017 · Frontend Development

Building Smooth Animations: Understanding FPS, Browser Rendering Process, and Performance Optimization Techniques

This article explains what FPS and 60 fps mean, walks through the browser's rendering pipeline from HTML/CSS to the render tree and layers, and provides practical techniques such as avoiding forced synchronous layout, using transform/opacity, GPU acceleration, requestAnimationFrame, and proper event handling to achieve fluid animations.

BrowserRenderinganimation
0 likes · 24 min read
Building Smooth Animations: Understanding FPS, Browser Rendering Process, and Performance Optimization Techniques
360 Quality & Efficiency
360 Quality & Efficiency
Sep 14, 2016 · Mobile Development

Android FPS Measurement and Optimization: Methods, Tools, and Best Practices

This article explains how to quantify Android app frame rates, understand FPS concepts, calculate frame timing, and apply three practical methods—including GPU rendering profiling, adb gfxinfo, and SurfaceFlinger latency commands—to monitor and improve smoothness across multiple devices without rooting or API restrictions.

AndroidGPUMobile Development
0 likes · 9 min read
Android FPS Measurement and Optimization: Methods, Tools, and Best Practices