How DataLoader Simplifies Deep JSON Hydration
Stop N+1 queries in deep JSON. Use DataLoader to batch id lookups, even without GraphQL
Hi, I'm Nick Ray
Senior software engineer with 10+ years of experience building high-traffic web applications.
Latest Posts
-
-
How to Automatically Switch Images for Dark and Light Mode
Learn how to display the correct image for dark and light mode on your website
-
How to Fix package-lock.json Merge Conflicts
A guide to fixing package-lock.json merge conflicts
-
Astro vs. Next.js: Why I Prefer Astro For Static Sites
Why Astro is better than Next.js for static, content-heavy websites.
-
How To Fix "Image elements do not have explicit width and height"
The guide to fixing unsized images that cause layout shifts.
-
How To Use Video Formats for Animated Content [7 Steps]
The guide to replacing your animated GIFs with videos for faster load and Largest Contentful Paint times.
-
How To Efficiently Encode Images
The guide to compressing your website's images for faster load times.
-
How To Serve Images in Next-Gen Formats
The detailed guide to serving your website's images as fast as possible
-
How to Defer Offscreen Images In 2023
The detailed guide to lazy loading your website's images
-
How to Balance Text (Without JavaScript)
CSS now offers an experimental property that eliminates awkward-looking headlines.
-
Interaction to Next Paint (INP): Everything You Need to Know
The in-depth guide to understanding and optimizing the upcoming Core Web Vital for your website
-
300ms Faster: Reducing Wikipedia's Total Blocking Time
How two simple steps improved the responsiveness of Wikipedia's mobile site
-
How to Build Tailwind CSS Dark Mode
Learn step-by-step instructions on implementing a sleek dark mode theme for your website using Tailwind CSS.
-
Visual Testing: Building A More Robust Wikipedia Interface By Spotting the Differences
A look at how we leveraged visual testing to catch UI bugs when developing Wikipedia's new desktop experience.
-
Using Chrome Profiler to Fix Performance Issues
Chrome's DevTools performance panel can help you diagnose and fix common performance problems. Learn how in this article!
-
How to Create Performant Scroll Animations in React
Learn how to incorporate performant web animations into your site while avoiding common pitfalls.
-
Using Media Queries in JavaScript
Using media queries is very popular in CSS, but this article explores how they can also be used in JavaScript
-
Analyzing Wikipedia's Search Performance
Performance comparison between Wikipedia's new search component built in Vue.js and the legacy search component.