Browserating

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

✨ Features

• 🔍 Comprehensive Browser Rankings: Performance comparisons across macOS, 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 optimized performance
• 🔍 SEO Optimized: Structured data, sitemaps, and meta tags for search engines
• ♿ Accessibility: WCAG compliant with keyboard navigation and screen reader support

🚀 Tech Stack

• Framework: Next.js 16.0.8 (App Router)
• Frontend: React 19, Tailwind CSS 3.4.1
• Charts: Chart.js 4.4.6 with react-chartjs-2
• Icons: Lucide React 0.562.0
• Analytics: Vercel Analytics 1.5.0
• Data Storage: JSON files
• Deployment: Vercel
• Development Tools: ESLint, Prettier, Husky

📋 Prerequisites

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

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/kawaiier/browserating.git
   cd browserating

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser and visit http://localhost:3000 to see the application.

📊 Usage

The application provides several key functionalities:

Browser Rankings

• View comprehensive performance rankings across all supported platforms
• Sort and filter browsers by various criteria
• Access detailed metrics for each browser version

Platform-Specific Views

• macOS: ARM and Intel processor comparisons
• Windows: Gaming and productivity optimizations
• Android: Mobile browser performance analysis
• iPad: iPadOS-specific browser testing

Performance Insights

• Speedometer 3.1 benchmark scores
• RAM usage analysis across multiple websites
• Ad-blocking effectiveness testing
• Version-by-version performance tracking

🗂️ Data Management

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 metadata
• android.json - Android platform performance data
• macos-arm.json - macOS ARM (Apple Silicon) data
• macos-intel.json - macOS Intel data
• windows.json - Windows platform data
• ipad.json - iPadOS data

Updating Browser Data

1. Locate the appropriate JSON file in public/data/
2. 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
         }
       }
     ]
   }

3. Save the file - changes will be reflected on the next page load

🤝 Contributing

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

Quick Start for Contributors

1. Fork the repository
2. Create a feature branch: git checkout -b feature/amazing-feature
3. Make your changes following our coding standards
4. Run tests: npm test
5. Submit a pull request

📈 Performance & SEO

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

🙏 Acknowledgments

• 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

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact & Support

• Author: Sergei Manvelov (@kawaiier101)
• Website: https://kawaiier.dev
• Email: kawaiier@tutanota.com
• Telegram Community: @thebrowsershq
• Reddit: r/aiBrowsing

💝 Support the Project

If you find Browserating useful, please consider supporting its development:

Cryptocurrency Donations

• BTC: bc1qfyad27catyr8rtdhhydn8ummf996kxtesuw4hr
• XMR: 41zM5Hk39icMLDnbAckLpJHMwMPQKAQEADYA1AvjoZw9Y9NC7atnubrWPZKXWRbpZeGg66DkstQmA1oPZurRBcvRFbQ3PLs
• LTC: ltc1qnqldulnxsxpz4g89uklsepjeqx7cajynzyr7tc
• MATIC: 0x6c056E9ccB183c08e9248eAF26160B5793221513

📊 Star History

---

Built with ❤️ using Next.js and React. Helping users choose the best browser for their needs since 2024.