n/250kb-club
1
0
Fork 0
mirror of https://github.com/nkoehring/250kb-club.git synced 2025-04-20 06:09:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions
250kb-club/public/page/5/index.html
Norman Köhring 1a7985d4ec pages update
2024-10-27 20:55:01 +01:00

1 line
No EOL
21 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1" name=viewport><title>The 250kb Club</title><meta content="An exclusive membership for web pages presenting themselves in no more than 250kb." name=description><meta content="Norman Köhring" name=author><meta content="The 250kb Club" name=DC.title><link href=https://koehr.in rel=author><link href=/favicon.png rel=icon type=image/x-icon><link href=https://250kb.club/rss.xml rel=alternate title=RSS type=application/rss+xml><style>body{font:16px/1.4 sans-serif;margin:0;padding:0;background:white;color:#333}body>footer,body>header,main{max-width:calc(720px - 2em);width:calc(100% - 2em);margin:0 auto;padding:0 1em}#main-footer{border-top:1px solid lightgrey;margin:3rem auto 0;font-size:85%}main{margin:3em auto}h1{font:small-caps 700 2.2em/1.4 sans-serif;letter-spacing:6px;text-align:center;margin-top:1.2em}h2{font:small-caps 700 2.0em/1.4 sans-serif;letter-spacing:5px;text-align:center}p{text-align:justify}a,a:visited {color:currentColor;text-decoration:underline}#donate,label,select{padding:.25em .5em;border:2px solid gray;background:none;color:currentColor;font:inherit}ol{list-style:none;padding:0}li{margin-bottom:1em;background:#0002}aside{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-end;gap:.5em}.hidden{visibility:hidden}.big{font-size:1.5em}.center{text-align:center}#info-toggle{display:none}#info-toggle ~ label{text-align:center}#info-toggle ~ label > .info-close{display:none}#info-toggle:checked ~ label > .info-close {display:inline}#info-toggle:checked ~ label > .info-text {display:none}#info-popup{display:none;position:absolute;top:2.5em;left:-1em;width:calc(720px - 2em - 6px);max-width:calc(100vw - 2em - 6px);padding:0 1em;background:#fff;border:3px solid #DDD}#info-toggle:checked ~ #info-popup {display:block}.entry{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:.5em .5em 0;height:2em;line-height:2em;font-size:1.3em}.entry > .url{flex:1 1 auto;width:70%;overflow:hidden;text-overflow:ellipsis}.entry > .open-page,.entry > .ratio,.entry > .size{flex:0 0 auto;width:10%;text-align:right}.entry > .open-page img{max-height:32px;margin-top:4px}.entry-ratio-bar,.entry-size-bar{height:0;margin-bottom:2px;border-bottom:2px solid}.entry-ratio-bar.highlighted,.entry-size-bar.highlighted{border-bottom-width:4px}.entry-size-bar{border-bottom-color:#e44;width:calc(var(--size)/256 * 100%)}.entry-ratio-bar{border-bottom-color:#56b;width:var(--ratio)}#pager{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.badges > img{margin-bottom:-5px}pre{display:block;height:11em;background:#8885}@media (prefers-color-scheme:dark){body{background:#222;color:white}#info-popup{background:#000;border:#444}}</style><body><header><h1>The 250KB Club</h1><h2><a rel="noopener nofollow" href=https://mobiforge.com/research-analysis/the-web-is-doom target=_blank> The Web Is Doom </a></h2><p>Lets do something about it!<p>The <em>250KB Club</em> is a collection of web pages that focus on performance, efficiency and accessibility.<p class=big>Websites in this list must not exceed 256KB <em>compressed</em> size!<p>Yes, compressed size. It makes much more sense because it allows for a lot of text to be transferred without having a big impact on the total size, while the impact of media is basically unaffected.<p>If your pages exceeds 250KB, you might consider <a rel="noopener nofollow" href=https://512kb.club target=_blank>512kB.club</a> or <a rel="noopener nofollow" href=https://1MB.club target=_blank>1MB.club</a>.<p>You can suggest a web page for this collection <a rel="noopener nofollow" href=https://todo.sr.ht/~koehr/the-250kb-club/ target=_blank>via Sourcehut</a> or <a rel="noopener nofollow" href=https://github.com/nkoehring/250kb-club/issues/new target=_blank>via Github</a>. The site will be reviewed and, if applicable, added to the list below. Pages are checked again every week.<p>All entries have their own sub page with additional information. If you want, you can directly link to it from your page.</header><main id=members-table><aside><div></div><a href=https://ko-fi.com/koehr id=donate rel=noopener target=_blank>Buy me a coffee ☕</a><input id=info-toggle type=checkbox><label for=info-toggle><span class=info-text>How does this work?</span> <span class=info-close>  x  </span></label><article id=info-popup><header><h1>Technical Details</h1></header><p>The values shown in the list are URL, Total Weight, Content Ratio and are updated weekly.<p>Websites listed here are downloaded and analyzed with <link href=https://github.com/macbre/phantomas>Phantomas. The total weight is counted and then the size of actual content is measured and shown as a ratio.<p>For example: If a website has a total weight of 100kb and 60kb are the documents structure, text, images, videos and so on, then the content ratio is 60%. The rest are extras like CSS, JavaScript and so on. It is hard to say what a good ratio is but my gut feeling is that everything above 20% is pretty good already.<p><strong>Disclaimer:</strong> Currently, inline scripts and styles are measured as content due to technical limitations of Phantomas. This will hopefully be fixed soon.</article></aside><ol><li style=--size:159;--ratio:4%><div class=entry><span class=url> <a href=/blog-circuitsofimagination-com>blog.circuitsofimagination.com</a> </span><span class=size>159kb</span><span class=ratio>4%</span><span class=open-page> <a href=https://blog.circuitsofimagination.com/ rel=noopener target=_blank> <img alt="open blog.circuitsofimagination.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:160;--ratio:2%><div class=entry><span class=url> <a href=/chromora-com>chromora.com</a> </span><span class=size>160kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://chromora.com/ rel=noopener target=_blank> <img alt="open chromora.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:162;--ratio:3%><div class=entry><span class=url> <a href=/matthall-codes>matthall.codes</a> </span><span class=size>162kb</span><span class=ratio>3%</span><span class=open-page> <a href=https://matthall.codes/ rel=noopener target=_blank> <img alt="open matthall.codes in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:165;--ratio:7%><div class=entry><span class=url> <a href=/christine-website>christine.website</a> </span><span class=size>165kb</span><span class=ratio>7%</span><span class=open-page> <a href=https://christine.website/ rel=noopener target=_blank> <img alt="open christine.website in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:165;--ratio:6%><div class=entry><span class=url> <a href=/www-bryanbraun-com>www.bryanbraun.com</a> </span><span class=size>165kb</span><span class=ratio>6%</span><span class=open-page> <a href=https://www.bryanbraun.com/ rel=noopener target=_blank> <img alt="open www.bryanbraun.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:172;--ratio:3%><div class=entry><span class=url> <a href=/leonardschuetz-ch>leonardschuetz.ch</a> </span><span class=size>172kb</span><span class=ratio>3%</span><span class=open-page> <a href=https://leonardschuetz.ch/ rel=noopener target=_blank> <img alt="open leonardschuetz.ch in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:178;--ratio:5%><div class=entry><span class=url> <a href=/jeffhuang-com>jeffhuang.com</a> </span><span class=size>178kb</span><span class=ratio>5%</span><span class=open-page> <a href=https://jeffhuang.com/ rel=noopener target=_blank> <img alt="open jeffhuang.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:179;--ratio:4%><div class=entry><span class=url> <a href=/minid-net>minid.net</a> </span><span class=size>179kb</span><span class=ratio>4%</span><span class=open-page> <a href=http://minid.net rel=noopener target=_blank> <img alt="open minid.net in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:181;--ratio:2%><div class=entry><span class=url> <a href=/jvelo-at>jvelo.at</a> </span><span class=size>181kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://jvelo.at/ rel=noopener target=_blank> <img alt="open jvelo.at in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:182;--ratio:4%><div class=entry><span class=url> <a href=/chino-is-a-dev>chino.is-a.dev</a> </span><span class=size>182kb</span><span class=ratio>4%</span><span class=open-page> <a href=https://chino.is-a.dev/ rel=noopener target=_blank> <img alt="open chino.is-a.dev in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:183;--ratio:7%><div class=entry><span class=url> <a href=/casperlefantom-net>casperlefantom.net</a> </span><span class=size>183kb</span><span class=ratio>7%</span><span class=open-page> <a href=https://casperlefantom.net/ rel=noopener target=_blank> <img alt="open casperlefantom.net in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:184;--ratio:1%><div class=entry><span class=url> <a href=/ut2-weba-ru>ut2.weba.ru</a> </span><span class=size>184kb</span><span class=ratio>1%</span><span class=open-page> <a href=https://ut2.weba.ru/ rel=noopener target=_blank> <img alt="open ut2.weba.ru in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:189;--ratio:4%><div class=entry><span class=url> <a href=/writerbywriter-com>writerbywriter.com</a> </span><span class=size>189kb</span><span class=ratio>4%</span><span class=open-page> <a href=https://writerbywriter.com/ rel=noopener target=_blank> <img alt="open writerbywriter.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:195;--ratio:2%><div class=entry><span class=url> <a href=/shazow-net>shazow.net</a> </span><span class=size>195kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://shazow.net/ rel=noopener target=_blank> <img alt="open shazow.net in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:197;--ratio:2%><div class=entry><span class=url> <a href=/www-marginalia-nu>www.marginalia.nu</a> </span><span class=size>197kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://www.marginalia.nu/ rel=noopener target=_blank> <img alt="open www.marginalia.nu in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:198;--ratio:2%><div class=entry><span class=url> <a href=/sappho-io>sappho.io</a> </span><span class=size>198kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://sappho.io/ rel=noopener target=_blank> <img alt="open sappho.io in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:200;--ratio:2%><div class=entry><span class=url> <a href=/www-migadu-com>www.migadu.com</a> </span><span class=size>200kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://www.migadu.com/ rel=noopener target=_blank> <img alt="open www.migadu.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:205;--ratio:2%><div class=entry><span class=url> <a href=/webperf-xyz>webperf.xyz</a> </span><span class=size>205kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://webperf.xyz rel=noopener target=_blank> <img alt="open webperf.xyz in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:205;--ratio:1%><div class=entry><span class=url> <a href=/ihaque-org>ihaque.org</a> </span><span class=size>205kb</span><span class=ratio>1%</span><span class=open-page> <a href=https://ihaque.org/ rel=noopener target=_blank> <img alt="open ihaque.org in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:207;--ratio:11%><div class=entry><span class=url> <a href=/pgjones-dev>pgjones.dev</a> </span><span class=size>207kb</span><span class=ratio>11%</span><span class=open-page> <a href=https://pgjones.dev rel=noopener target=_blank> <img alt="open pgjones.dev in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:207;--ratio:2%><div class=entry><span class=url> <a href=/html-earth>html.earth</a> </span><span class=size>207kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://html.earth/ rel=noopener target=_blank> <img alt="open html.earth in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:211;--ratio:1%><div class=entry><span class=url> <a href=/jmtd-net>jmtd.net</a> </span><span class=size>211kb</span><span class=ratio>1%</span><span class=open-page> <a href=https://jmtd.net/ rel=noopener target=_blank> <img alt="open jmtd.net in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:213;--ratio:1%><div class=entry><span class=url> <a href=/playerone-kevincox-ca>playerone.kevincox.ca</a> </span><span class=size>213kb</span><span class=ratio>1%</span><span class=open-page> <a href=https://playerone.kevincox.ca rel=noopener target=_blank> <img alt="open playerone.kevincox.ca in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:214;--ratio:3%><div class=entry><span class=url> <a href=/berkshirehathaway-com>berkshirehathaway.com</a> </span><span class=size>214kb</span><span class=ratio>3%</span><span class=open-page> <a href=https://berkshirehathaway.com rel=noopener target=_blank> <img alt="open berkshirehathaway.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:215;--ratio:2%><div class=entry><span class=url> <a href=/linuxguideandhints-com>linuxguideandhints.com</a> </span><span class=size>215kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://linuxguideandhints.com/ rel=noopener target=_blank> <img alt="open linuxguideandhints.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:216;--ratio:1%><div class=entry><span class=url> <a href=/diffractionlimit-com>diffractionlimit.com</a> </span><span class=size>216kb</span><span class=ratio>1%</span><span class=open-page> <a href=https://diffractionlimit.com/ rel=noopener target=_blank> <img alt="open diffractionlimit.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:216;--ratio:3%><div class=entry><span class=url> <a href=/pr0-uk>pr0.uk</a> </span><span class=size>216kb</span><span class=ratio>3%</span><span class=open-page> <a href=https://pr0.uk/ rel=noopener target=_blank> <img alt="open pr0.uk in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:217;--ratio:0%><div class=entry><span class=url> <a href=/jano-sh>jano.sh</a> </span><span class=size>217kb</span><span class=ratio>0%</span><span class=open-page> <a href=https://jano.sh/ rel=noopener target=_blank> <img alt="open jano.sh in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:221;--ratio:1%><div class=entry><span class=url> <a href=/emersion-fr>emersion.fr</a> </span><span class=size>221kb</span><span class=ratio>1%</span><span class=open-page> <a href=https://emersion.fr/ rel=noopener target=_blank> <img alt="open emersion.fr in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:222;--ratio:3%><div class=entry><span class=url> <a href=/wondroushealing-com>wondroushealing.com</a> </span><span class=size>222kb</span><span class=ratio>3%</span><span class=open-page> <a href=https://wondroushealing.com rel=noopener target=_blank> <img alt="open wondroushealing.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:223;--ratio:3%><div class=entry><span class=url> <a href=/jagatsoker-blogspot-com>jagatsoker.blogspot.com</a> </span><span class=size>223kb</span><span class=ratio>3%</span><span class=open-page> <a href=https://jagatsoker.blogspot.com/ rel=noopener target=_blank> <img alt="open jagatsoker.blogspot.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:234;--ratio:2%><div class=entry><span class=url> <a href=/thomas-me>thomas.me</a> </span><span class=size>234kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://thomas.me/ rel=noopener target=_blank> <img alt="open thomas.me in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:237;--ratio:1%><div class=entry><span class=url> <a href=/www-vmaxleclub-com>www.vmaxleclub.com</a> </span><span class=size>237kb</span><span class=ratio>1%</span><span class=open-page> <a href=https://www.vmaxleclub.com/ rel=noopener target=_blank> <img alt="open www.vmaxleclub.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div><li style=--size:243;--ratio:2%><div class=entry><span class=url> <a href=/cronokirby-com>cronokirby.com</a> </span><span class=size>243kb</span><span class=ratio>2%</span><span class=open-page> <a href=https://cronokirby.com rel=noopener target=_blank> <img alt="open cronokirby.com in a new tab or window" src=/export.png> </a> </span></div> <div class="entry-size-bar highlighted"></div> <div class="entry-ratio-bar yellow red"></div></ol><nav id=pager itemscope itemtype=http://schema.org/SiteNavigationElement><span> <a title="previous page" href=https://250kb.club/page/4/>🠔 prev</a> </span><span> — 5 / 5 — </span><span> </span></nav></main><footer id=main-footer><p>Made with ♥ for a performant web by <a rel="noopener nofollow" href=https://koehr.in target=_blank>Norman Köhring</a>. Inspired by <a rel="noopener nofollow" href=https://uglyduck.ca target=_blank>Bradley Taunt</a>'s <a rel="noopener nofollow" href=https://1MB.club target=_blank>1MB.club</a> <br> The code of this page is open source. You can find it on <a rel="noopener nofollow" href=https://github.com/nkoehring/250kb-club target=_blank>Github</a> and <a rel="noopener nofollow" href=https://sr.ht/~koehr/the-250kb-club/ target=_blank>Sourcehut</a>.</footer></body><script async data-goatcounter=https://250kb-club.goatcounter.com/count src=//gc.zgo.at/count.js></script>
Reference in a new issue View git blame Copy permalink