navigation-latency | mobile-observability | ClaudePluginHub

Skill

Community

navigation-latency

From mobile-observability

19

Description

Measure time from navigation tap to screen fully loaded and interactive. Use when tracking screen transitions, deep links, or tab switches.

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Skill Content

Navigation Latency

Time from tap to destination screen interactive (TTI).

Phases

TAP → TRANSITION → VIEW_INIT → DATA_LOAD → INTERACTIVE
     |_____________________________________________|
                   Navigation Latency

When to Use

Tab bar taps
List item → detail screen
Deep link → target screen
Any screen-to-screen transition

Key Thresholds

Rating	Duration
Good	<400ms
Acceptable	<1s
Poor	>1s

Measurement Points

onNavigationStart - user taps (source screen)
onViewAppear - destination view visible
onContentReady - data loaded, interactive

Implementation

See references/ui-performance.md (Navigation Latency section) for:

iOS: NavigationLatencyTracker with os_signpost
Android: Fragment/Activity lifecycle hooks
React Native: React Navigation listeners

Common Mistakes

Measuring only view appear (missing data load)
Not correlating source → destination
Ignoring warm vs cold screen loads

Related Skills

See skills/interaction-latency for button/tap response times (vs full screen loads)
Combine with skills/user-journey-tracking to correlate navigation with user intent

Links

GitHub Stats

0 forks

Updated 1 day ago

Related Skills

deployment-pipeline-design

Design multi-stage CI/CD pipelines with approval gates, security checks, and deployment orchestration. Use when architecting deployment workflows, setting up continuous delivery, or implementing GitOps practices.

From cicd-automation

github-actions-templates

Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications. Use when setting up CI/CD with GitHub Actions, automating development workflows, or creating reusable workflow templates.

From cicd-automation

gitlab-ci-patterns

Build GitLab CI/CD pipelines with multi-stage workflows, caching, and distributed runners for scalable automation. Use when implementing GitLab CI/CD, optimizing pipeline performance, or setting up automated testing and deployment.

From cicd-automation