Why this news matters for North East India
The rapid growth of digital services in North East India has led to an increased demand for robust and efficient web applications. The case of a company called Scale Campaign, based in Shillong, Meghalaya, highlights the challenges faced by developers in maintaining the quality of their applications, especially when dealing with multiple pages and third-party scripts. The open-source QA platform developed by the company, called Lighthouse, offers a scalable solution to these issues, making it relevant for developers across the region and beyond.
The Breaking Point: A Complex Web App with Silent Errors
Scale Campaign, a company based in Shillong, Meghalaya, runs a batch geocoding platform with various components, including a Laravel backend, a Vue.js frontend, and a TerriaJS-based map viewer. The app, with its numerous pages and third-party scripts, was prone to silent errors that went unnoticed for days.
Inefficient Debugging Process
The debugging process involved manually checking each page, running Lighthouse audits, inspecting meta tags, and repeating the process for every page. This time-consuming method was only employed when something was already broken, making it challenging to proactively catch issues.
A Solution: Lighthouse, an Open-Source QA Platform
To address these challenges, the company developed Lighthouse, an open-source QA platform that combines three tools into one workflow. The platform offers bulk Lighthouse audits, Playwright smoke tests, and real-user metrics (CrUX).
Bulk Lighthouse Audits and Playwright Smoke Tests
Lighthouse crawls the entire site and runs Lighthouse audits across every page, providing performance, accessibility, SEO, and best practices scores for the entire site at a glance. Playwright smoke tests, on the other hand, automatically generate tests based on a config file, saving developers considerable time.
Real-User Metrics and Catching Issues Quickly
The platform also pulls data from Chrome's UX Report API, allowing developers to see real INP, CLS, and LCP trends from actual users, not just synthetic tests. This feature has helped Scale Campaign catch various issues, such as TypeErrors, broken CSS references, and render-blocking scripts, within seconds of running the tests.
For developers in North East India, the ability to catch issues quickly can lead to improved user experiences and reduced downtime, benefiting businesses and users alike.
Tech Stack and Getting Started
Lighthouse is a pnpm monorepo, requiring Node.js 20+. It includes a scanning engine, route discovery server, API serving scan results, a Vue 3 dashboard (Vite), Playwright test framework, and a Nitro server for CrUX data.
Looking Ahead: A Scalable Solution for Web App Developers
For developers maintaining web apps with multiple pages, Lighthouse offers a scalable solution to the challenge of silent errors. By automating testing and auditing processes, developers can proactively catch issues, improve user experiences, and ultimately save time and resources.