A New Web Performance Tool: Quick Performance Testing at your Fingertips

DesignSoftware engineeringInfrastucture deployment

Overview

PerfBuddy is a tool that provides easily digestible performance and accessibility reports that your organization can understand.


PerfBuddy does the hard work for you to translate technical jargon into plain language that's approachable to everyone.

Services Provided

This was a greenfield project that we designed, developed, and brought to market.


Tech-stack

 TailwindCSS
 Aws Amplify
 NextJs
 DynamoDB

This Dot Labs is a development consultancy focused on providing staff augmentation, architectural guidance, and consulting to companies.

We help implement and teach modern web best practices with technologies such as React, Angular, Vue, Web Components, GraphQL, Node, and more.

PerfBuddy helps organizations understand the impact of bad web performance with in-depth reports that allow teams to identify and advocate for key areas of improvement, and structure the work necessary to improve conversions.

Multiple screens from the PerfBuddy project

Quick and Easy Web Performance

Web performance metrics should be at the tip of anyone’s fingertips.

Being able to share a report that business leaders can understand is an invaluable tool all teams should have.

Overview screen

How Do You Use PerfBuddy?

A performance report can be generated with the click of a button. The report helps stakeholders understand the necessity of investing development cycles into improving performance, and provides a roadmap for teams to tackle immediately.

One click
Improvement report
Overview screen

Optimizing Upstream Communication for Development Teams

Similar performance testing and analysis products are available, but they all lack the ability to easily summarize and contextualize metrics to effectively communicate upstream.


PerfBuddy offers:

  • Performance overview and high-level scores with easily digestible summaries.
  • Detailed metrics with clear explanations about performance, accessibility, SEO, etc.
  • A report that someone with no development experience can understand.
  • Extra content and case studies to show benefits of performance.
Overview screen

PerfBuddy Technologies of Choice

  • The This Dot Labs team chose to build the project’s frontend using NextJS with TailwindCSS.
  • PerfBuddy hosts mostly static content, which helps optimize SEO, but also needed to optimally display dynamic content generated within user reports.
  • NextJS permits this flexibility, and Tailwind was selected to help unify our style system and keep the UI looking clean and consistent.
  • PerfBuddy’s backend uses AWS Amplify’s REST endpoints with DynamoDB. This gives us a data store that easily complies with GDPR needs and allows us to quickly deploy and manipulate endpoints.
  • We’re using a service called Microlink (https://microlink.io) to generate the Lighthouse data reports. Eventually, we’ll either help expand their offering, or rebuild using the Chrome Webdriver, depending on the future roadmap of PerfBuddy.
  • We employed Brad Frost’s atomic design to help us plan and implement our design system so building larger components, as needed, would be easier. This also allows us to isolate core business logic in our UI to help reduce risk to the remainder of the system, allowing for easier redesigns.
Overview screen

Optimal Team Design for Interchangeable Workforce

PerfBuddy has been a project exposed to many developers who may not work on it consistently, like many projects in enterprise organizations.


To help our team manage this, we broke up the development process into 1-2 hour identifiable segments that enabled individuals to contribute when available, while not getting stuck in long debugging, or critical thinking paths.

Overview screen

PerfBuddy is a great example of a customer facing product created by our team from the ground up. Whether you are looking to modernize an existing product, or bring a new idea to market, let us help you deliver excellence.

Contact Us to Receive a Demo and Performance Audit

Interested In Test Driving PerfBuddy for Yourself or Learning About How This Dot Labs Can Help Optimize Your Performance?