MightyShed NextJS audit Case study
Website
Technical stack
React
Next.JS
Vercel
Strapi
Scope of work
NextJS audit
Industry
Business Consulting and Services
CLIENT'S CHALLENGE
- Performance bottlenecks – Potential issues with speed and server requests
- SEO challenges – Static sitemaps not including new pages
- Large image files – Slowing page load times for users on mobile or slow connections
- Future scalability – Making the site is ready to grow without performance drops
PageSpeed metrics after the audit
Performance
96
PageSpeed
SEO
100
PageSpeed
Best Practices
96
PageSpeed
AUDIT PROCESS
- Document Load Speed – Measuring speed across different connections
- Caching & SSR – Checking server-side rendering and caching efficiency
- Image Optimization – Reviewing formats, sizes, and preloading strategies
- SEO Essentials – Meta tags, structured data, sitemaps, and robots.txt
- Core Web Vitals – Assessing Google’s key performance metrics like LCP and CLS
- Render-Blocking Resources – Identifying delays caused by CSS and fonts
- Code Review – Evaluating Next.js version, libraries, and general code quality
- Headless CMS Structure – Reviewing content management and scalability potential
Technical stack
Strapi CMS
Strapi is the leading open-source headless CMS. It's 100% Javascript, fully customizable and developer-first
Next.JS
boosted our project with faster page loads, enhanced SEO, and a streamlined development process for an improved user experience
Vercel
Vercel provided us with the tools and infrastructure to deploy a highly optimized web solution, ensuring rapid load times, seamless scalability, and robust performance throughout the project's lifecycle.
KEY ACHIEVEMENTS
- Achieved excellent load times – 90ms on fast connections and 650ms on slow networks
- Identified areas where client-side requests could be optimized for server-side rendering
- Pinpointed key image issues, including missing preloading and oversized files
- Discovered issues with the static sitemap and robots.txt file
- Delivered recommendations to enhance search engine indexing, improving visibility for new content like case studies
- Confirmed the site passed Google’s Core Web Vitals overall while identifying LCP as an area for fine-tuning
- Identified CSS and font delivery delays that impacted the initial page render
- Impact: Proposed solutions to streamline rendering and enhance page load times
- Flagged outdated dependencies (NextJS) and unnecessary library bulk (Lodash)
- Confirmed a simple, effective CMS structure while identifying untapped potential for content management
Team behind the audit:
Alex Hramovich
VP of Engineering
Related articles:
-
How to Optimize Vercel Costs
Learn how to optimize your Vercel hosting costs, compare PRO vs Enterprise plans, and explore self-hosting for better performance and savings
-
Next.JS CMS - Top choices
Looking for the best Next.js CMS for your project? Here is a complete list of them, along with use cases and pricing details
-
Next.js Redirects: A Developer's Guide
This article provides a guide to handling redirects in Next.js. It covers various methods including the use of next.config.js,