Browserating is a comprehensive, SEO-optimized Next.js web application that provides unbiased browser performance rankings and comparisons across multiple platforms. Using data from Speedometer 3.1 benchmarks, it delivers detailed insights into browser efficiency, ad-blocking capabilities, and RAM usage to help users make informed decisions about their browsing experience.
🌐 Live Demo | 📊 Performance Benchmarks
- 🔍 Comprehensive Browser Rankings: Performance comparisons across macOS (ARM & Intel), Windows, Android, and iPad platforms
- 📱 Responsive Design: Optimized for all devices with mobile-first approach
- 🎯 Advanced Filtering: Filter browsers by engine (Blink, Gecko, WebKit) and platform
- 📊 Detailed Metrics: Speedometer 3.1 scores, RAM usage, ad-blocking effectiveness, and more
- 🎨 Interactive Charts: Visual representations of performance data using Chart.js
- 🌙 Dark Mode Support: Full dark/light theme toggle with system preference detection
- 🔒 Privacy-Focused: Transparent data practices with dedicated privacy policy
- ⚡ Server-Side Rendering: Fast loading with Next.js SSR and static generation
- 🔍 SEO Optimized: Structured data (JSON-LD), dynamic sitemaps, and meta tags for search engines
- ♿ Accessibility: WCAG compliant with keyboard navigation and screen reader support
- 🔗 Individual Browser Pages: Dedicated pages for each browser with cross-platform benchmarks (
/browsers/[slug]) - ⚖️ Head-to-Head Comparisons: Side-by-side browser comparison pages (
/compare/[browser-a]-vs-[browser-b]) - 📋 Platform Pages: Dedicated ranking pages per platform (
/platforms/[platform])
- Framework: Next.js 16.1.6 (App Router)
- Frontend: React 19, Tailwind CSS 4.1.18
- Language: TypeScript (dev), JavaScript
- Charts: Chart.js 4.5.1 with react-chartjs-2 5.3.0
- Icons: Lucide React 0.576.0
- Analytics: Vercel Analytics 1.6.1, counter.dev
- Data Storage: JSON files
- Deployment: Vercel
- Development Tools: ESLint 10, Prettier 3.8.1, Husky 9, lint-staged, commitlint
Before running this project, make sure you have:
- Node.js: Version 18.17 or higher
- npm: Version 9.0.0 or higher (comes with Node.js)
- Git: For cloning the repository
-
Clone the repository:
git clone https://github.com/kawaiier/browserating.git cd browserating -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and visit http://localhost:3000 to see the application.
The application provides several key functionalities:
- View comprehensive performance rankings across all supported platforms
- Sort and filter browsers by engine (Blink, Gecko, WebKit) and platform
- Access detailed metrics for each browser version
- Dedicated page per browser with cross-platform benchmark data
- Links to the browser's official website
- Quick jump to head-to-head comparison
- Side-by-side Speedometer 3.1 score comparison across all platforms
- Winner highlighted per platform
- macOS ARM: Apple Silicon browser rankings
- macOS Intel: Intel processor browser rankings
- Windows: Windows browser performance
- Android: Mobile browser performance analysis
- iPad: iPadOS-specific browser testing
- Speedometer 3.1 benchmark scores
- RAM usage analysis across multiple websites
- Ad-blocking effectiveness testing
- Version-by-version performance tracking
Browser performance data is stored in JSON files located in public/data/. The application supports multiple platforms with separate data files:
browsers.json- Base browser information and metadataandroid.json- Android platform performance datamacos-arm.json- macOS ARM (Apple Silicon) datamacos-intel.json- macOS Intel datawindows.json- Windows platform dataipad.json- iPadOS data
- Locate the appropriate JSON file in
public/data/ - Modify the data following the existing structure:
{ "name": "Chrome", "engine": "Blink", "versions": [ { "version": "120.0.6099.109", "scores": { "speedometer3": 145.2, "ramUsage": 245.8, "adblock": 85.3 } } ] } - Save the file - changes will be reflected on the next page load
We welcome contributions from the community! Please see our Contributing Guidelines for detailed information on:
- Development setup
- Code standards and style guides
- Testing requirements
- Pull request process
- Issue reporting
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes following our coding standards
- Run tests:
npm test - Submit a pull request
This application is optimized for both user experience and search engines:
- Core Web Vitals: Optimized for fast loading and interaction
- Server-Side Rendering: Improved SEO and initial page load
- Structured Data: JSON-LD schema markup for rich snippets
- Sitemap: Dynamic XML sitemap for search engine crawling
- Meta Tags: Comprehensive SEO meta tags and Open Graph
- Accessibility: WCAG 2.1 AA compliance
- Speedometer 3.1 - Industry-standard browser benchmarking tool (browserbench.org)
- AdBlock Tester - Comprehensive ad-blocking effectiveness testing (adblock-tester.com)
- Browser Vendors - All browser developers for their continuous innovation
- Open Source Community - React, Next.js, Tailwind CSS, and Chart.js contributors
This project is licensed under the MIT License - see the LICENSE file for details.
- Author: Sergei Manvelov (@kawaiier101)
- Website: https://kawaiier.dev
- Email: kawaiier@tutanota.com
- Telegram Community: @thebrowsershq
- Reddit: r/aiBrowsing
If you find Browserating useful, please consider supporting its development:
- BTC:
bc1qfyad27catyr8rtdhhydn8ummf996kxtesuw4hr - XMR:
41zM5Hk39icMLDnbAckLpJHMwMPQKAQEADYA1AvjoZw9Y9NC7atnubrWPZKXWRbpZeGg66DkstQmA1oPZurRBcvRFbQ3PLs - LTC:
ltc1qnqldulnxsxpz4g89uklsepjeqx7cajynzyr7tc - MATIC:
0x6c056E9ccB183c08e9248eAF26160B5793221513
Built with ❤️ using Next.js and React. Helping users choose the best browser for their needs since 2024. Updated for 2026.
