Inspiration
While thinking about which project to work on, we thought about our struggles in our previous projects. We remembered that after running Lighthouse audits we received many ideas for improvement. Endless lists of optimizations with no clear starting point and many links to go through. Well, we decided to do something about it.
What it does
Lighthouse Pro automatically analyzes a website using the Lighthouse API. It then prioritizes issues and offers clear fixes based on your codebase using Vertex AI (Gemini).
How we built it
First, we accessed the results from Lighthouse through the API and focused on the most important parts. Then we added a connection through Vertes AI to take advantage of Gemini's capabilities. Finally, we added access to the codebase and the content of Google developer web pages that provide improvement ideas.
Challenges we ran into
Difficult start of the project.
Accomplishments that we're proud of
We have obtained a first version that is satisfactory and open to improvements to make it an indispensable tool for web developers.
What we learned
This is the first time the 4 of us have worked together. Using Vertex AI was also a first for us.
What's next for Lighthouse Pro: Lighthouse extended with the power of Gemini
Adding following features:
Expanded Lighthouse Pro Functionality:
- Caching for Speed: Implement a caching mechanism to store and quickly deliver Lighthouse reports, significantly reducing wait times for performance insights.
- Cloud Service Integrations: Build seamless integrations with various cloud services, allowing developers to incorporate Lighthouse Pro into their cloud-based workflows effortlessly.
- LLM Prioritization Agent: Include a language model-based prioritization agent that intelligently assesses and ranks issues based on their potential impact, enabling you to tackle the most critical performance bottlenecks first.
Automated Lighthouse Problem Resolution:
- Code Generation: Integrate code generation capabilities to automatically propose and apply fixes for issues identified by Lighthouse, streamlining the optimization process.
- Recursive Optimization: Employ a recursive approach to continuously improve the Lighthouse score by iteratively applying optimizations and re-evaluating performance.
- CI/CD Integration: Ensure that Lighthouse Pro is a part of the CI/CD pipeline, automatically running performance checks and optimizations with every code push to maintain high-quality code standards.
Integration with Developer Tools:
- Go Compilation Bug Solver: Offer tools to automatically detect and resolve bugs in Go language compilations, enhancing the reliability and efficiency of the development process.
- Kubernetes Cluster Deployment: Provide features to facilitate the deployment and management of Kubernetes clusters, simplifying the orchestration of containerized applications.
- Google Cloud Cost Optimization: Include functionality to analyze and optimize costs for projects running on Google Cloud Platform, helping developers to minimize expenses while maximizing resource utilization.
Link to Google Slides Presentation
https://docs.google.com/presentation/d/1fPqhhskCE2K4NBCzdmzHus8H4qVaq27a5iSVRLx1gb4/edit#slide=id.p1
Built With
- lighthouse
- node.js
- vertexai
Log in or sign up for Devpost to join the conversation.