n/250kb-club
1
0
Fork 0
mirror of https://github.com/nkoehring/250kb-club.git synced 2025-04-19 21:59:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

make introduction and readme more clear

Browse source
This commit is contained in:
koehr 2020-12-13 23:34:57 +01:00
parent d61e9d62dd
commit f79ef9f75b
5 changed files with 39 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -8,9 +8,11 @@ Inspired by [Bredley Taunts 1MB.club](https://1mb.club/).
I love the idea of a list of webpages that are still reasonably usable with a slow internet connection. But 1MB is, in my honest opinion, still way too much. Nobody wants to wait 10 seconds — on good days — to load a web site. But a very large chunk of the world population isn't gifted with Gigabit internet connections. I love the idea of a list of webpages that are still reasonably usable with a slow internet connection. But 1MB is, in my honest opinion, still way too much. Nobody wants to wait 10 seconds — on good days — to load a web site. But a very large chunk of the world population isn't gifted with Gigabit internet connections.
Of course, the absolute size of a website is not a perfect indicator. A page might contain a lot of text or images as important part of their content. It would be unfair to call them bloated in this case. This is why, additionally to the absolute size the ratio of visible to invisible content is shown as well.
## Adding a web page ## Adding a web page
Please send a patch or pull request. If unsure, you can also write a ticket mentioning the website(s). The website(s) will be added after passing the review. Please send a patch or pull request. If unsure, you can also write a ticket mentioning the website(s). The website(s) will be added after passing the review and measured for changes about once every week.
## What are those values? ## What are those values?

33
build/index.html
View file

@ -24,12 +24,16 @@
margin: 3em auto; margin: 3em auto;
} }
h1 { h1 {
font-size: 2.2em; font: small-caps bold 2.2em/1.4 sans-serif;
line-height: 1.2;
letter-spacing: 6px; letter-spacing: 6px;
text-align: center; text-align: center;
margin-top: 1.2em; margin-top: 1.2em;
} }
h2 {
font: small-caps bold 2.0em/1.4 sans-serif;
letter-spacing: 5px;
text-align: center;
}
p { p {
text-align: justify; text-align: justify;
} }
@ -67,15 +71,15 @@
</style> </style>
<link rel="modulepreload" href="/_app/entry-527c919f.js"> <link rel="modulepreload" href="/_app/entry-830e54b9.js">
<link rel="modulepreload" href="/_app/navigation-d3a4c039.js"> <link rel="modulepreload" href="/_app/navigation-9773ff3c.js">
<link rel="modulepreload" href="/_app/index-2d5bf15b.js"> <link rel="modulepreload" href="/_app/index-e83dcb06.js">
<link rel="modulepreload" href="/_app/inject_styles-cd877ae9.js"> <link rel="modulepreload" href="/_app/inject_styles-cd877ae9.js">
<link rel="stylesheet" href="/_app/index-edfdf87b.css"> <link rel="stylesheet" href="/_app/index-edfdf87b.css">
<script type="module"> <script type="module">
import { start } from '/_app/entry-527c919f.js'; import { start } from '/_app/entry-830e54b9.js';
start({ start({
target: document.body target: document.body
@ -87,15 +91,15 @@
<header><h1>The 250kb Club</h1> <header><h1>The 250kb Club</h1>
<p>The WWW has become a bloated mess. Many pages are loading megabytes of Javascript to show you a few kilobytes of content. <h2><a href="https://mobiforge.com/research-analysis/the-web-is-doom" rel="noopener" target="_blank">The Web Is Doom</a></h2>
These things are a <strong>cancerous growth</strong> on the web and we should stand up against it. <p>Lets do something about it!</p>
</p> <p>The <em>250kb Club</em> is a collection of web pages that focus on performance, efficiency and accessibility.</p>
<p>We can make a difference - no matter how small it may seem. The <em>250kb Club</em> is a collection of web pages that focus on performance, efficiency and accessibility.</p> <p>Suggest a web page for this collection
<p>If you&#39;d like to suggest a web page to add to this collection, open a ticket on <a href="https://todo.sr.ht/~koehr/the-250kb-club/" rel="noopener" target="_blank">via Sourcehut</a>
<a href="https://github.com/nkoehring/250kb-club" rel="noopener" target="_blank">Github</a>
or or
<a href="https://sr.ht/~koehr/the-250kb-club/" rel="noopener" target="_blank">Sourcehut</a>. <a href="https://github.com/nkoehring/250kb-club/issues/new" rel="noopener" target="_blank">via Github</a>.
The site will be reviewed and, if applicable, added to the list below. The site will be reviewed and, if applicable, added to the list below.
Pages are re-checked weekly.
</p> </p>
<p>If your pages exceeds 250kb, you might consider <a href="https://1MB.club" rel="noopener" target="_blank">1MB.club</a> which is the inspiration for this page.</p></header> <p>If your pages exceeds 250kb, you might consider <a href="https://1MB.club" rel="noopener" target="_blank">1MB.club</a> which is the inspiration for this page.</p></header>
@ -106,7 +110,8 @@
<span class="info-close svelte-nu5fg0"> x  </span></label> <span class="info-close svelte-nu5fg0"> x  </span></label>
<article id="info-popup" class="svelte-nu5fg0"><header><h1>Technical Details</h1></header> <article id="info-popup" class="svelte-nu5fg0"><header><h1>Technical Details</h1></header>
<p>The values shown in the list are URL, Total Weight, Content Ratio. <p>The values shown in the list are URL, Total Weight, Content Ratio and are
updated weekly.
</p> </p>
<p>Websites listed here are downloaded and analyzed with <p>Websites listed here are downloaded and analyzed with
<a href="https://github.com/macbre/phantomas" rel="noopener" target="_blank">Phantomas</a>. <a href="https://github.com/macbre/phantomas" rel="noopener" target="_blank">Phantomas</a>.

8
src/app.html
View file

@ -24,12 +24,16 @@
margin: 3em auto; margin: 3em auto;
} }
h1 { h1 {
font-size: 2.2em; font: small-caps bold 2.2em/1.4 sans-serif;
line-height: 1.2;
letter-spacing: 6px; letter-spacing: 6px;
text-align: center; text-align: center;
margin-top: 1.2em; margin-top: 1.2em;
} }
h2 {
font: small-caps bold 2.0em/1.4 sans-serif;
letter-spacing: 5px;
text-align: center;
}
p { p {
text-align: justify; text-align: justify;
} }

3
src/components/InfoPopup.svelte
View file

@ -13,7 +13,8 @@
<h1>Technical Details</h1> <h1>Technical Details</h1>
</header> </header>
<p> <p>
The values shown in the list are URL, Total Weight, Content Ratio. The values shown in the list are URL, Total Weight, Content Ratio and are
updated weekly.
</p> </p>
<p> <p>
Websites listed here are downloaded and analyzed with Websites listed here are downloaded and analyzed with

17
src/components/MainHeader.svelte
View file

@ -4,17 +4,18 @@
<header> <header>
<h1>The 250kb&nbsp;Club</h1> <h1>The 250kb&nbsp;Club</h1>
<h2>
<Link href="https://mobiforge.com/research-analysis/the-web-is-doom">The Web Is Doom</Link>
</h2>
<p>Lets do something about it!</p>
<p>The <em>250kb Club</em> is a collection of web pages that focus on performance, efficiency and accessibility.</p>
<p> <p>
The WWW has become a bloated mess. Many pages are loading megabytes of Javascript to show you a few kilobytes of content. Suggest a web page for this collection
These things are a <strong>cancerous growth</strong> on the web and we should stand up against it. <Link href="https://todo.sr.ht/~koehr/the-250kb-club/">via Sourcehut</Link>
</p>
<p>We can make a difference - no matter how small it may seem. The <em>250kb Club</em> is a collection of web pages that focus on performance, efficiency and accessibility.</p>
<p>
If you'd like to suggest a web page to add to this collection, open a ticket on
<Link href="https://github.com/nkoehring/250kb-club">Github</Link>
or or
<Link href="https://sr.ht/~koehr/the-250kb-club/">Sourcehut</Link>. <Link href="https://github.com/nkoehring/250kb-club/issues/new">via Github</Link>.
The site will be reviewed and, if applicable, added to the list below. The site will be reviewed and, if applicable, added to the list below.
Pages are re-checked weekly.
</p> </p>
<p>If your pages exceeds 250kb, you might consider <Link href="https://1MB.club">1MB.club</Link> which is the inspiration for this page.</p> <p>If your pages exceeds 250kb, you might consider <Link href="https://1MB.club">1MB.club</Link> which is the inspiration for this page.</p>
</header> </header>