index.html

---
layout: default
title: 1MB Club
summary: Listing all websites under 1MB in total size
---

<header>
    <h1>1MB Club</h1>
    <p>The internet has become a <em>bloated mess</em>. Massive javascript libraries. Countless client-side queries. Overly complex frontend frameworks.</p>
    <p>These things are a <strong>cancerous growth</strong> on the web.</p>
    <p>But we can make a difference - no matter how small it may seem. <em>1MB Club</em> is a growing collection of performance-focused web pages found across the internet. The one and only rule for a web page to qualify as a member:</p>
    <ol>
        <li>Total website size (not <i>just</i> transfered data) must not exceed 1 megabyte</li>
    </ol>
    <blockquote>
        <h3>How to Submit</h3>
        <p>Please follow the instructions on the main <a target="_blank" href="https://github.com/bradleytaunt/1mb-club">Github project repo</a>.</p>
    </blockquote>
    <h3>Support</h3>
    <p>If you are feeling generous, I would greatly appreciate any donations to help support the site.</p>
    <ol>
        <li>BTC: <strong><code>3JGsvjgxamQHi4VCALER4rXvnvzdWUaQGg</code></strong></li>
        <li>Or simply <a href="https://www.buymeacoffee.com/WQTMtn7ir">buy me a coffee</a></li>
    </ol>
    <h3>Looking for a more <em>extreme</em> club?</h3>
    <p>Take a look and checkout the even more exclusive membership collection at the <a href="https://xhtml.club">XHTML Club</a>.</p>
    <br><hr><br>
    <span>Jump to: &nbsp;</span>
    <a href="#50">&#60;50KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
    <a href="#100">&#60;100KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
    <a href="#250">&#60;250KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
    <a href="#512">&#60;512KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
    <a href="#700">&#60;700KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
    <a href="#1000"><em>Just Under</em> 1MB</a>
</header>

<main>
    <ul>
    {% assign site_items = site.site_listings | sort: 'size' %}
    <h3 id="50"><50KB</h3>
    {% for item in site_items %}
        {% if item.size <= 50 %}
            <li>
                <span class="before" style="--data-size:{{ item.size }};"></span>
                <span class="after">{{ item.size }} KB</span>
                <a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
            </li>
        {% endif %}
    {% endfor %}

    <h3 id="100"><100KB</h3>
    {% for item in site_items %}
        {% if item.size >= 50 and item.size <=100 %}
            <li>
                <span class="before" style="--data-size:{{ item.size }};"></span>
                <span class="after">{{ item.size }} KB</span>
                <a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
            </li>
        {% endif %}
    {% endfor %}

    <h3 id="250"><250KB</h3>
    {% for item in site_items %}
        {% if item.size >= 100 and item.size <=250 %}
            <li>
                <span class="before" style="--data-size:{{ item.size }};"></span>
                <span class="after">{{ item.size }} KB</span>
                <a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
            </li>
        {% endif %}
    {% endfor %}

    <h3 id="512"><512KB</h3>
    {% for item in site_items %}
        {% if item.size >= 250 and item.size <=512 %}
            <li>
                <span class="before" style="--data-size:{{ item.size }};"></span>
                <span class="after">{{ item.size }} KB</span>
                <a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
            </li>
        {% endif %}
    {% endfor %}

    <h3 id="700"><700KB</h3>
    {% for item in site_items %}
        {% if item.size >= 512 and item.size <=700 %}
            <li>
                <span class="before" style="--data-size:{{ item.size }};"></span>
                <span class="after">{{ item.size }} KB</span>
                <a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
            </li>
        {% endif %}
    {% endfor %}

    <h3 id="1000"><em>Just Under</em> 1MB</h3>
    {% for item in site_items %}
        {% if item.size >= 700 and item.size <=1000 %}
            <li>
                <span class="before" style="--data-size:{{ item.size }};"></span>
                <span class="after">{{ item.size }} KB</span>
                <a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
            </li>
        {% endif %}
    {% endfor %}
</main>