September 2023 Summaries

Replay.io has unveiled its new Elements Panel, significantly enhancing the experience of inspecting elements by improving the accuracy of the Node Picker's Stacking Context algorithm, reducing element load times from approximately 10 seconds to 1 second, virtualizing the CSS Rules list for better performance, and optimizing CSS parsing logic to eliminate CPU lag. Filip Hric has joined the team as the first developer relations specialist, bringing expertise in bridging the gap between testers and developers. Additional updates include faster print statements with a higher limit, the addition of network monitor timing information, a new support feedback form for easier communication of feedback and bug reports, and comment notifications to keep users informed about team interactions.

Replay developed its own cloud development environment (CDE) to handle the significant computing resources required for its processes, which are not feasible on local machines, especially when dealing with large-scale recordings. The CDE leverages Kubernetes for backend operations, allowing developers to create browser instances dynamically based on user needs. However, running containers on macOS presents challenges due to the need for a Linux virtual machine, which results in a performance penalty, particularly in terms of disk I/O. To address these issues, Replay's CDE consists of a Kubernetes server, a development flow orchestrator called Tilt, and remote builds using Earthly, which allows for efficient Docker image handling without affecting local system performance. This setup enables Replay to provide a robust cloud-based development environment that overcomes the limitations of local development, particularly on macOS, while also simplifying the onboarding process for engineers.