Introducing Foo Tutorials: Learn How to Use Our Services
Announcing our new tutorial section with posts diving deep into darker realms of our website and service from simple topics like monitoring page experience with Lighthouse to staying on top of SEO with Slack notifications.
How to Collect and Analyze Web Vitals from Next.js for Page Experience
Google's Web Vitals is becoming the standard for measuring page experience. As of version 9.4 of Next.js, it provides a built-in method for capturing and reporting Core Web Vitals. This post illustrates how to collect Web Vitals metrics from a Next.js app and send them to a service for storage.
A New Lighthouse REST API to Automate Testing for a New Day in SEO
As Google continues steps towards a new search algorithm change focused on page experience, Foo has released version 2 of its REST API to automate Lighthouse testing. This post provides examples of how to use each of the new REST API endpoints to manage pages and Lighthouse audits on Foo.
Integration Tests, Unit Tests and React Testing Library
In the twists and turns of software engineering, it can be difficult to define a testing strategy. In this article I emphasize the priority of user experience and propose a simple set of guidelines for front end testing with the help of React Testing Library.
Among the many recipes of frameworks, a popular combination these days is React with Next.js. It would be an oversight to assume we're automatically covered in terms of performance. Let's take a dive in performance implications of React with Next.js.
CircleCI is a popular tool for orchestrating CI/CD pipelines. Lighthouse is an open-source project from Google for improving the quality of web pages. It provides user-centric metrics to audit SEO, performance, accessibility, best practices, and progressive web apps.
How to Analyze Website Performance with Lighthouse
Lighthouse is an open-source project by Google that gives you a way to measure web page performance. It has configurable settings for reproducing various conditions. You can set network and device type to simulate, for example.
Typically when we think of web page performance, we think of the time it takes
object such as DOMContentLoaded and onload. Nowadays, life cycle of a web page
load can be thought of more granularly.
> So rather than measuring load with just one metric, we should be measuring the
times of every moment throughout the experience that can have an affect on the
user's load perception.~ User-centric Performance Metrics | Googl