极简网站的理念
一直对极简主义感兴趣,接触博客后,也同样在追求博客的极简。看了很多别人的博客网站后,极简的真的很少,大部分都是花里胡哨的,可能完博客有种当年折腾qq空间的感觉吧。有的网站,在前端看着很简洁,但在开发者工具一看,加载资源一大堆,各种字体、js、统计、广告等等。从里到外都极简的,真的很少。
我个人所认为的,极简网站不只是前端页面看着简洁,还要在资源加载方面同样保持极简。虽说现在网速足已快速加载一些js、css等资源,再加上h2协议的加载优势,再精简加载资源好像没什么意义了。
但正是如此,极致精简网站才显的有意义,为什么有多少需求就要加多少需求,为什么网速够快就要不顾优化把网站做大。当然,他们都是业务优先,赚钱优先。你网速慢、配置低,加载发热,所以你不是他们的用户。
或许有人认为,不必那么极端精简网站,只要不影响正常用户加载就没问题,但这就是另一种追求了。正如有人想要极致精简,有人追求平衡,有人追求业务、有人追求过程,有人追求内容,各有所需,各有所求。
目前我的网站已达到我心目中的极简要求,网站除了网页本身外,只有一个css文件和一个ico图标,无JS,无跟踪统计,无广告,当然也没有评论区,干干净净,网页性能测试工具Lighthouse显示全部100分。在保证阅读体验的情况下,最大化精简。目前整站css样式gzip压缩后只有1.2kb(已经包含暗色样式),网站html页面gzip压缩后基本不超过5kb,加上ico图标,整体页面加载最大也没有超过10kb(不包含文章内图片)。之后应该不会再折腾网站了,要开始专心写内容了,尽量日更。
以下是我收集到的关于网站极简理念相关的文章或者社区,挺有意思,感兴趣的可以研究一下。
网站:motherfuckingwebsite.com 这个网站以一种非常直接甚至有些粗暴的语言,阐述了一个观点:网页设计变得过于复杂,而一个简单、轻量、只包含核心内容的HTML页面才是最好的。
网站:bettermotherfuckingwebsite.com 这个网站认同上面网站的哲学,但认为其在排版上可以做得更好以提高可读性,比如将内容居中并设置最大宽度。它在不增加任何“臃肿”元素(如JS、CSS框架)的前提下,做了一些细微的样式优化。
网站:textonly.website 是一个汇集轻量级、纯文本个人网站的平台,专注于无JavaScript、图像或多媒体内容的网页设计,强调低带宽和快速加载。
网站:no-js.club No-JS Club 是一个展示无JavaScript网站的平台,致力于推广轻量级、快速且可访问的网页设计。
网站:10kb.club 10KB Club 是一个精选网站集合,专门收录首页压缩后数据量不超过10KB(10240字节)的网站。要求收录的网站需具有一定知名度,例如在Reddit或Hacker News上获得至少100分的讨论。
网站:250kb.club 250KB Club 同样是一个专注于展示轻量级网站的集合,专门收录首页未压缩总资源不超过250KB的网页,要求收录网站通过GTMetrix等工具验证资源大小,并需具备有意义的内容而非简单页面。
同样还有如下类似网站
512kb.club
1mb.club
文章:《The Small Web is Beautiful》 文章里倡导“小网络”理念,强调小型网站和软件的简洁美学与实用价值。文章推崇轻量、快速、节能的网页体验,反对过度依赖大型科技公司和复杂的微服务架构,推荐使用GitHub Pages、Jekyll等工具构建静态网站。作者以自身网站为例,展示简单HTML+CSS和GoAccess分析工具的应用,呼吁社区分享小网络实践,秉持“少即是美”的技术哲学。
文章:《Minimal Web》 文章里倡导极简主义网页设计,强调以读者为核心,剔除不必要的干扰元素。作者提出,网站应专注于提供纯粹的阅读体验,避免广告、弹窗、评论、复杂导航等分散注意力的内容,推崇简洁的页面布局和短链接,减少对分析数据和商业化的依赖。文章呼吁网站创作者关注读者的需求,创造简约、快速、专注的浏览环境,从而提升用户体验和内容价值。
文章:《How web bloat impacts users with slow devices》 文章探讨了网页膨胀对低性能设备用户体验的影响。作者通过测试多个网站(如danluu.com、HN、Medium等)在不同设备(如M3/10、Tecno Spark 8C)上的加载时间,揭示现代网站因CSS、JavaScript等资源过重导致加载缓慢,尤其在低端设备上表现更差。例如,Discourse论坛在低端设备上加载时间高达33倍于轻量网站MyBB。文章批评复杂网站设计忽视了低端设备用户,强调简单架构(如静态网站)在性能和可用性上的优势,呼吁开发者优化网页以提升低性能设备的用户体验。
网站:solar.lowtechmagazine.com 这是一个以太阳能供电的网站,倡导低技术、可持续的生活方式,挑战高科技解决所有问题的观念。这意味着如果当地天气不好导致电力不足,网站会离线。它的设计极其简洁,完全没有不必要的元素,以确保低能耗和快速加载。这是对“臃肿”和“能源消耗”网页的终极反击,用行动证明了网站可以对环境更友好。
文章:《The Website Obesity Crisis》 文章探讨了现代网页设计中普遍存在的“肥胖”问题,即以文本为主的网站页面大小却因臃肿的资源而不断膨胀。文章批评了不必要的广告、复杂前端框架和未优化的资源(如大尺寸图片)导致加载速度慢、带宽消耗大,尤其对移动设备用户体验不佳。Cegłowski提倡回归简洁的HTML设计,强调性能优化和用户体验,提出类似“网页食物金字塔”的概念,鼓励开发者减少冗余代码和资源,打造轻量、快速的网站。