├── vercel.json
├── .gitignore
├── assets
├── images
│ ├── favicon.png
│ ├── nytimes-report.pdf
│ ├── blue-team.svg
│ ├── green-team.svg
│ └── orange-team.svg
├── js
│ └── randomSite.js
└── css
│ └── style.css
├── netlify.toml
├── _data
├── navigation.yml
└── sites.yml
├── _includes
├── navigation.html
├── teams.html
├── faq-03.html
├── faq-06.html
├── faq-08.html
├── faq-05.html
├── faq-01.html
├── faq-04.html
├── faq-07.html
└── faq-02.html
├── scripts
├── check_alphabetical_sorting.sh
├── invalid_site_rechecker.sh
├── site_size_rechecker.py
└── docs_site_size_rechecker.md
├── _redirects
├── _plugins
├── precision_filter.rb
└── rss_feed.rb
├── .editorconfig
├── Gemfile
├── .github
├── workflows
│ └── ci.yml
├── dependabot.yml
└── PULL_REQUEST_TEMPLATE.md
├── _config.yml
├── faq.md
├── LICENSE
├── _layouts
└── default.html
├── README.md
├── Gemfile.lock
└── index.md
/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "github": {
3 | "silent": true
4 | }
5 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | ### Jekyll ###
2 | _site
3 | .jekyll-metadata
4 | *-cache/
5 | .DS_Store
6 |
7 | python-gtmetrix
--------------------------------------------------------------------------------
/assets/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/piraces/512kb.club/main/assets/images/favicon.png
--------------------------------------------------------------------------------
/assets/images/nytimes-report.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/piraces/512kb.club/main/assets/images/nytimes-report.pdf
--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | # Google FLoC opt out
2 | [[headers]]
3 | for = "/*"
4 | [headers.values]
5 | Permissions-Policy = "interest-cohort=()"
6 |
--------------------------------------------------------------------------------
/_data/navigation.yml:
--------------------------------------------------------------------------------
1 | - name: Home
2 | link: /
3 |
4 | - name: FAQ
5 | link: /faq
6 |
7 | - name: RSS
8 | link: /feed.xml
9 |
10 | - name: GitHub
11 | link: https://github.com/kevquirk/512kb.club
12 |
--------------------------------------------------------------------------------
/_includes/navigation.html:
--------------------------------------------------------------------------------
1 |
2 | {% for item in site.data.navigation %}
3 | {{ item.name }}
4 | {% endfor %}
5 |
6 |
--------------------------------------------------------------------------------
/scripts/check_alphabetical_sorting.sh:
--------------------------------------------------------------------------------
1 | # Returns a non-zero exit code if the data sites are not alphabetically sorted.
2 |
3 | grep 'domain:' _data/sites.yml | grep -v '512kb.club' | tr '[:upper:]' '[:lower:]' | sort -c
4 |
--------------------------------------------------------------------------------
/scripts/invalid_site_rechecker.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | for f in $(awk -F " " '/url:/ {print $2}' ../_data/sites.yml)
3 | do
4 | echo "Response code: "$(curl -o /dev/null -sw "%{response_code}" $f)" "$f| grep -v '200\|301\|302'
5 | done
6 |
--------------------------------------------------------------------------------
/_redirects:
--------------------------------------------------------------------------------
1 | https://512kb.club/images/green-team.svg https://512kb.club/assets/images/green-team.svg
2 | https://512kb.club/images/orange-team.svg https://512kb.club/assets/images/orange-team.svg
3 | https://512kb.club/images/blue-team.svg https://512kb.club/assets/images/blue-team.svg
4 |
--------------------------------------------------------------------------------
/_plugins/precision_filter.rb:
--------------------------------------------------------------------------------
1 | # Source https://stackoverflow.com/a/60243022
2 |
3 | module Jekyll
4 | module PrecisionFilter
5 | def precision(input, value=0)
6 | ("%.#{value}f" % input)
7 | end
8 | end
9 | end
10 |
11 | Liquid::Template.register_filter(Jekyll::PrecisionFilter)
12 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | # http://editorconfig.org
2 |
3 | root = true
4 |
5 | [*]
6 | charset = utf-8
7 | indent_style = space
8 | indent_size = 4
9 | end_of_line = lf
10 | insert_final_newline = true
11 | trim_trailing_whitespace = true
12 |
13 | [*.gemspec]
14 | indent_size = 2
15 |
16 | [*.yml]
17 | indent_size = 2
18 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | # frozen_string_literal: true
2 |
3 | source "https://rubygems.org"
4 |
5 | git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
6 |
7 | # gem "rails"
8 | gem "jekyll"
9 | gem 'tzinfo-data'
10 |
11 | # Plugins
12 | group :jekyll_plugins do
13 | gem 'jekyll-sitemap'
14 | gem 'jekyll-seo-tag'
15 | end
16 |
17 | gem "webrick", "~> 1.8"
18 |
--------------------------------------------------------------------------------
/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
1 | on: [push, pull_request]
2 |
3 | name: Continuous integration
4 |
5 | jobs:
6 | ci:
7 | name: Check if domains are sorted alphabetically
8 | runs-on: ubuntu-latest
9 | steps:
10 | - uses: actions/checkout@v3
11 | - name: Check domain sorting
12 | run: |
13 | sh scripts/check_alphabetical_sorting.sh
14 |
--------------------------------------------------------------------------------
/_includes/teams.html:
--------------------------------------------------------------------------------
1 |
2 | {{ item.size | precision: 2 }} KB
5 | {{ item.domain }}
6 |
7 |
--------------------------------------------------------------------------------
/_includes/faq-03.html:
--------------------------------------------------------------------------------
1 |
2 | I've made changes to my site and it's a different size now. What do i do?
3 | We regularly check all the sites that are added to the The 512KB Club (yes, its a big job. If you want help, contact me ). But if you have made changes and the size of your site needs updating please log a new GitHub Pull Request .
4 |
5 |
--------------------------------------------------------------------------------
/_includes/faq-06.html:
--------------------------------------------------------------------------------
1 |
2 | I see a problem / how do I get in touch?
3 | See a problem on this site? Maybe there's a site listed that's not longer live, or no longer qualifies for the
4 | club. Or, maybe you just want to get in touch for some reason.
5 |
6 | If so, create an issue on GitHub or
7 | use the contact page on my main website .
8 |
9 |
--------------------------------------------------------------------------------
/assets/js/randomSite.js:
--------------------------------------------------------------------------------
1 | /**
2 | * This looks for elements with the 'site' class which in this case are all of the
3 | * anchor links for the sites. This could certainly be made more robust with
4 | * some sanity checks, but should work in this context.
5 | */
6 | function randomSite() {
7 | const sites = document.getElementsByClassName('site')
8 |
9 | if (sites.length > 0) {
10 | const choiceIndex = Math.floor(Math.random() * sites.length)
11 | window.open(sites[choiceIndex].attributes.href.value, '_blank').focus()
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | plugins:
2 | - jekyll-sitemap
3 | - jekyll-seo-tag
4 |
5 | # SEO Stuff
6 | author: Kev Quirk
7 | title: 512KB Club
8 | tagline: A showcase of lightweight websites.
9 | description: The 512KB Club is an exclusive list of web pages weighing less than 512 kilobytes.
10 | lang: en
11 | locale: en_GB
12 | url: "https://512kb.club"
13 | baseurl: ""
14 | permalink: :title
15 | timezone: Etc/GMT
16 |
17 | # Syntax Highlighting
18 | highlighter: rouge
19 |
20 | # Netlify redirects
21 | include:
22 | - _redirects
23 |
24 | exclude:
25 | - scripts/
26 |
--------------------------------------------------------------------------------
/.github/dependabot.yml:
--------------------------------------------------------------------------------
1 |
2 | # To get started with Dependabot version updates, you'll need to specify which
3 | # package ecosystems to update and where the package manifests are located.
4 | # Please see the documentation for all configuration options:
5 | # https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
6 |
7 | version: 2
8 | updates:
9 | - package-ecosystem: "bundler" # See documentation for possible values
10 | directory: "/" # Location of package manifests
11 | schedule:
12 | interval: "weekly"
13 |
--------------------------------------------------------------------------------
/_includes/faq-08.html:
--------------------------------------------------------------------------------
1 |
2 | Illegal or inappropriate content
3 |
4 | This can be anything we deem inappropriate for the 512KB Club. Things like pornographic sites, or sites that contain NSFW material will not be added. Basically, if you wouldn't show it to your grandma or your kids, you're probably not going to get accepted.
5 |
6 | We reserve the right to refuse any site we deem to be inappropriate, even if it doesn't obviously align to any of the rules stated above.
7 |
8 |
9 |
--------------------------------------------------------------------------------
/_includes/faq-05.html:
--------------------------------------------------------------------------------
1 |
2 | What's the point of all this?
3 | That's a great question!
4 |
5 | I decided to start this project for a couple of reasons:
6 |
7 |
8 | Most, if not all, of the sites listed are personal sites. Many of which are blogs. The 512KB Club is a
9 | great way of discovering other blog owners who are also interested in minimalist/efficient web design. Think
10 | of it like a modern day webring .
11 | It's a bit of fun, so why not?
12 |
13 |
14 |
--------------------------------------------------------------------------------
/faq.md:
--------------------------------------------------------------------------------
1 | ---
2 | permalink: /faq/
3 | layout: default
4 | title: FAQ
5 | ---
6 |
7 | # Frequently Asked Questions
8 |
9 | This page is intended to answer any questions you may have about joining or maintaining the 512KB Club. If you still have unanswered questions after reading this page, please [submit an issue in GitHub](https://github.com/kevquirk/512kb.club/issues) and we will endeavour to answer your question.
10 |
11 | {% include faq-01.html %}
12 |
13 | {% include faq-02.html %}
14 |
15 | {% include faq-03.html %}
16 |
17 | {% include faq-04.html %}
18 |
19 | {% include faq-05.html %}
20 |
21 | {% include faq-06.html %}
22 |
23 | {% include faq-07.html %}
24 |
25 | {% include faq-08.html %}
26 |
--------------------------------------------------------------------------------
/_includes/faq-01.html:
--------------------------------------------------------------------------------
1 |
2 | How do I join The 512KB Club?
3 | If you're interested in getting your site added to The 512KB Club , all you need to do is follow these
4 | instructions:
5 |
6 |
7 | Do a GTMetrix scan on your website.
8 | Once complete, click on the Waterfall tab to make sure the uncompressed size of your site is
9 | less than 512KB.
10 | If your site satisfies this requirement, create a pull request (instructions
12 | here ) to add your site.
13 | I will then review you PR and merge it into main. Once merged, your site will be added to the list.
14 |
15 |
16 | Note: I reserve the right to not add sites based on whether I think they're suitable to
17 | be added or not.
18 |
19 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020-2023 Kev Quirk
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 |
6 |
7 | This PR is:
8 |
9 | - [ ] Adding a new domain
10 | - [ ] Updating existing domain **size**
11 | - [ ] Changing domain name
12 | - [ ] Removing existing domain from list
13 | - [ ] Website code changes (512kb.club site)
14 | - [ ] Other not listed
15 |
16 |
19 |
20 | - [ ] I used the uncompressed size of the site
21 | - [ ] I have included a link to the GTMetrix report
22 | - [ ] The domain is in the correct alphabetical order
23 | - [ ] This site is not an ultra lightweight site
24 | - [ ] The following information is filled identical to the data file
25 |
26 | ***I confirm that I have read the [FAQ section](https://512kb.club/faq), particularly the two red items around minimal pages and inappropriate content and I attest that this site is neither of these things.***
27 |
28 | - [ ] Check to confirm
29 |
30 | ```
31 | - domain:
32 | url:
33 | size:
34 | last_checked:
35 | ```
36 |
37 | GTMetrix Report:
38 |
--------------------------------------------------------------------------------
/_includes/faq-04.html:
--------------------------------------------------------------------------------
1 |
2 | My site doesn't qualify, what can I do?
3 | Many sites won't qualify for the 512KB Club, but there are some quick things you could try to reduce the size of
4 | your site:
5 |
6 | 1. Replace custom fonts with a local font stack by replacing your font-family declarations in
7 | your CSS to one of the following:
8 | # Sans-serif font stack
9 | font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif;
10 |
11 | # Serif font stack
12 | font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;2. Optimise any images you have on your page. Short
15 | Pixel is a great service for this.
16 |
17 | 3. If all else fails and your site is pretty close the 512KB, but not quite there, why not apply for
18 | Bradley Taunt's 1MB Club instead?
19 |
20 |
--------------------------------------------------------------------------------
/_includes/faq-07.html:
--------------------------------------------------------------------------------
1 |
2 | Ultra minimal / link pages won't be added
3 |
4 | The whole point of the 512KB Club is to showcase what can be done with 512KB of space. Anyone can come along and make a <10KB site containing 3 lines of CSS and a handful of links to other pages.
5 |
6 | That's NOT a good showcase of what can be done with 512KB.
7 |
8 | What we're looking for are sites with interesting design concepts that prove 512KB is a load of space that you can do so much with.
9 |
10 | If we decide that your site qualifies as "ultra-minimal" or is simply just a page containing a paragraph of text and some links, it probably won't be added.
11 |
12 | We reserve the right to add sites that may qualify as "ultra-minimal" or "link pages" if they offer a particularly interesting design, or display the information in a unique way.
13 |
14 | We're aware there are a number of these sites that have already been added to the 512KB Club, and we're slowly working our way through and removing them. If you notice a site in the list that you think qualifies, please do submit an issue on GitHub to let us know.
15 |
16 |
17 |
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
20 | {% include navigation.html %}
21 | The 512KB Club
22 |
23 |
24 |
25 |
26 | {{ content }}
27 |
28 |
29 |
30 |
31 |
32 | The 512KB Club was created by Kev Quirk and was inspired by Bradley Taunt's 1MB Club.
34 |
35 | Maintained with ♥ by Kev Quirk, Khal and Garrit
36 | for a performant, lightweight web.
37 |
38 | ^ TOP ^
39 |
40 |
41 |
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/_includes/faq-02.html:
--------------------------------------------------------------------------------
1 |
2 | Can I add something to my site to show I'm in the 512KB club?
3 | If your site qualifies for The 512KB Club , I will add it to one of the following 3 teams:
4 |
5 |
6 | The green team less than 100KB .The orange team less than 250KB .The blue team less than 512KB .
13 |
14 | Once you're a proud member of one of the teams, you are free to use one of the banners below on your own website.
15 | You can either save the SVG or use the code snippet below (remembering to change the name to whichever team
16 | you're in).
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | <a href="https://512kb.club"><img src="https://512kb.club/assets/images/green-team.svg"
25 | alt="a proud member of the green team of 512KB club" /></a>Alternatively, you can add the banner to your site in pure HTML/CSS using this CodePen as a guide.
29 |
30 |
31 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 512KB Club
2 |
3 | The internet has become a **bloated mess**. Massive JavaScript libraries, countless client-side queries and overly complex frontend frameworks are par for the course these days.
4 |
5 | When online newspapers like [The Guardian](https://www.theguardian.com/uk) are **over 4MB in size**, you know there's a problem. Why does an online newspaper need to be over 4MB in size? It's crazy.
6 |
7 | But we can make a difference - all it takes is some optimisation. Do you really need that extra piece of JavaScript? Does your WordPress site need a theme that adds lots of functionality you're never going to use? Are those huge custom fonts really needed? Are your images optimised for the web?
8 |
9 | **The 512KB Club** is a collection of performance-focused web pages from across the Internet. To qualify your website must satisfy **both** of the following requirements:
10 |
11 | 1. It must be an actual site that contains a reasonable amount of information, not just a couple of links on a page ([more info here](https://512kb.club/#lightweight-notice)).
12 | 2. Your total UNCOMPRESSED web resources must not exceed 512KB.
13 |
14 | ## How to create a PR to add your site to the 512KB Club
15 |
16 | 1. Fork this repository.
17 | 2. Get the **UNCOMPRESSED** size of your website's homepage.
18 | 1. Do a GTMetrix scan on your website.
19 | 2. Once complete, click on the **Waterfall** tab to make sure the **uncompressed** size of your site is less than 512KB.
20 | 3. Navigate to [`_data/sites.yml`](./_data/sites.yml) and add your site (template below).
21 | 4. **When creating the PR, please include a link to the GT Metrix results in the PR comment.**
22 |
23 | ### Site template
24 |
25 | #### Sample
26 | ```
27 | - domain: example.com
28 | url: http://example.com/ (Make sure you keep the trailing slash)
29 | size: 2.5
30 | last_checked: 2021-05-26 (YYYY-MM-DD)
31 | ```
32 | #### Blank
33 | ```
34 | - domain:
35 | url:
36 | size:
37 | last_checked:
38 | ```
39 |
40 | **NOTE:** Site need to be added to the list in **alphabetical order**, so please make sure your site is in the correct place within the list, or your PR will be rejected.
41 |
42 | ## Automation of site size check
43 |
44 | You can find [instructions](scripts/docs_site_size_rechecker.md) on how to get the GTmetrix size using a script in the [scripts](scripts/) folder
45 |
--------------------------------------------------------------------------------
/_plugins/rss_feed.rb:
--------------------------------------------------------------------------------
1 | require 'yaml'
2 | require 'rexml/document'
3 | require 'date'
4 | include REXML
5 |
6 | module RSSGenerator
7 | class Generator < Jekyll::Generator
8 | def generate(site)
9 | # Read the YAML file
10 | websites = YAML.load_file(File.join(site.source, '_data', 'sites.yml'))
11 |
12 | # Sort websites by "last_checked" in descending order
13 | websites.sort_by! { |website| website['last_checked'] }.reverse!
14 |
15 | # Get the 10 latest entries
16 | latest_websites = websites.take(10)
17 |
18 | # Create the RSS feed XML
19 | rss = Element.new('rss')
20 | rss.add_attribute('version', '2.0')
21 |
22 | channel = Element.new('channel')
23 | rss.add_element(channel)
24 |
25 | title = Element.new('title')
26 | title.text = '512KB Club'
27 | channel.add_element(title)
28 |
29 | link = Element.new('link')
30 | link.text = 'https://512kb.club'
31 | channel.add_element(link)
32 |
33 | description = Element.new('description')
34 | description.text = 'Updates for the 512KB Club.'
35 | channel.add_element(description)
36 |
37 | latest_websites.each do |website|
38 | item = Element.new('item')
39 | channel.add_element(item)
40 |
41 | title = Element.new('title')
42 | title.text = "512KB Club: #{website['domain']} was added or updated"
43 | item.add_element(title)
44 |
45 | link = Element.new('link')
46 | link.text = website['url']
47 | item.add_element(link)
48 |
49 | pub_date = Element.new('pubDate')
50 | pub_date.text = website['last_checked'].strftime('%a, %d %b %Y %H:%M:%S %z')
51 | item.add_element(pub_date)
52 |
53 | description = Element.new('description')
54 | description.text = "#{website['domain']} was added to the 512KB Club, or the entry was updated. Size: #{website['size']}"
55 | item.add_element(description)
56 | end
57 |
58 | FileUtils.mkdir_p(site.dest) unless File.exist?(site.dest)
59 | formatter = REXML::Formatters::Pretty.new
60 | formatter.compact = true
61 |
62 | # Write the RSS feed XML to a file
63 | rss_file_path = File.join(site.dest, 'feed.xml')
64 | File.open(rss_file_path, 'w') do |file|
65 | formatter.write(rss.root, file)
66 | end
67 |
68 | Jekyll::StaticFile.new(site, site.dest, '/', 'feed.xml')
69 | site.keep_files << "feed.xml"
70 | end
71 | end
72 | end
73 |
--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | addressable (2.8.1)
5 | public_suffix (>= 2.0.2, < 6.0)
6 | colorator (1.1.0)
7 | concurrent-ruby (1.2.2)
8 | em-websocket (0.5.3)
9 | eventmachine (>= 0.12.9)
10 | http_parser.rb (~> 0)
11 | eventmachine (1.2.7)
12 | eventmachine (1.2.7-x64-mingw32)
13 | ffi (1.15.5)
14 | ffi (1.15.5-x64-mingw32)
15 | forwardable-extended (2.6.0)
16 | google-protobuf (3.21.12)
17 | google-protobuf (3.21.12-x64-mingw32)
18 | http_parser.rb (0.8.0)
19 | i18n (1.12.0)
20 | concurrent-ruby (~> 1.0)
21 | jekyll (4.3.2)
22 | addressable (~> 2.4)
23 | colorator (~> 1.0)
24 | em-websocket (~> 0.5)
25 | i18n (~> 1.0)
26 | jekyll-sass-converter (>= 2.0, < 4.0)
27 | jekyll-watch (~> 2.0)
28 | kramdown (~> 2.3, >= 2.3.1)
29 | kramdown-parser-gfm (~> 1.0)
30 | liquid (~> 4.0)
31 | mercenary (>= 0.3.6, < 0.5)
32 | pathutil (~> 0.9)
33 | rouge (>= 3.0, < 5.0)
34 | safe_yaml (~> 1.0)
35 | terminal-table (>= 1.8, < 4.0)
36 | webrick (~> 1.7)
37 | jekyll-sass-converter (3.0.0)
38 | sass-embedded (~> 1.54)
39 | jekyll-seo-tag (2.8.0)
40 | jekyll (>= 3.8, < 5.0)
41 | jekyll-sitemap (1.4.0)
42 | jekyll (>= 3.7, < 5.0)
43 | jekyll-watch (2.2.1)
44 | listen (~> 3.0)
45 | kramdown (2.4.0)
46 | rexml
47 | kramdown-parser-gfm (1.1.0)
48 | kramdown (~> 2.0)
49 | liquid (4.0.4)
50 | listen (3.8.0)
51 | rb-fsevent (~> 0.10, >= 0.10.3)
52 | rb-inotify (~> 0.9, >= 0.9.10)
53 | mercenary (0.4.0)
54 | pathutil (0.16.2)
55 | forwardable-extended (~> 2.6)
56 | public_suffix (5.0.1)
57 | rake (13.0.6)
58 | rb-fsevent (0.11.2)
59 | rb-inotify (0.10.1)
60 | ffi (~> 1.0)
61 | rexml (3.2.5)
62 | rouge (4.0.1)
63 | safe_yaml (1.0.5)
64 | sass-embedded (1.57.1)
65 | google-protobuf (~> 3.21)
66 | rake (>= 10.0.0)
67 | sass-embedded (1.57.1-x64-mingw32)
68 | google-protobuf (~> 3.21)
69 | terminal-table (3.0.2)
70 | unicode-display_width (>= 1.1.1, < 3)
71 | tzinfo (2.0.6)
72 | concurrent-ruby (~> 1.0)
73 | tzinfo-data (1.2023.3)
74 | tzinfo (>= 1.0.0)
75 | unicode-display_width (2.4.2)
76 | webrick (1.8.1)
77 |
78 | PLATFORMS
79 | ruby
80 | x64-mingw32
81 |
82 | DEPENDENCIES
83 | jekyll
84 | jekyll-seo-tag
85 | jekyll-sitemap
86 | tzinfo-data
87 | webrick (~> 1.8)
88 |
89 | BUNDLED WITH
90 | 2.2.22
91 |
--------------------------------------------------------------------------------
/assets/images/blue-team.svg:
--------------------------------------------------------------------------------
1 | bloated mess . Huge JavaScript libraries, countless client-side queries and overly complex frontend frameworks are par for the course these days.
7 |
8 | When popular website like [The New York Times](https://www.nytimes.com/) are **[multiple MB in size](/assets/images/nytimes-report.pdf)** (nearly 50% of which is JavaScript!), you know there's a problem. Why does any site need to be that huge? It's crazy.
9 |
10 | But we can make a difference - all it takes is some optimisation. Do you really need that extra piece of JavaScript? Does your WordPress site need a theme that adds lots of functionality you're never going to use? Are those huge custom fonts really needed? Are your images optimised for the web?
11 |
12 | **The 512KB Club** is a collection of performance-focused web pages from across the Internet. To qualify your website must satisfy **both** of the following requirements:
13 |
14 | 1. It must be an actual site that contains a reasonable amount of information, not just a couple of links on a page ([more info here](/faq/#lightweight-notice)).
15 | 2. Your total UNCOMPRESSED web resources must not exceed 512KB.
16 |
17 |
18 |
19 | Help support the 512KB Club buying us a coffee .
21 |
22 |
The Green Team (<100KB) ^ Top ^
43 |
44 | {%- assign site_domains = site.data.sites | sort: 'size' -%}
45 | {%- for item in site_domains -%}
46 | {%- if item.size >= 0 and item.size <= 100 -%}
47 | {% include teams.html %}
48 | {%- endif -%}
49 | {%- endfor -%}
50 |
51 |
52 | The Orange Team (<250KB) ^ Top ^
53 |
54 | {%- assign site_domains = site.data.sites | sort: 'size' -%}
55 | {%- for item in site_domains -%}
56 | {%- if item.size > 100 and item.size <= 250 -%}
57 | {% include teams.html %}
58 | {%- endif -%}
59 | {%- endfor -%}
60 |
61 |
62 | The Blue Team (<512KB) ^ Top ^
63 |
64 | {%- assign site_domains = site.data.sites | sort: 'size' -%}
65 | {%- for item in site_domains -%}
66 | {%- if item.size > 250 and item.size <= 512 -%}
67 | {% include teams.html %}
68 | {%- endif -%}
69 | {%- endfor -%}
70 |
71 |
--------------------------------------------------------------------------------
/assets/images/orange-team.svg:
--------------------------------------------------------------------------------
1 | 
