注册
登录
新闻动态
其他科技
返回
如何建立一个低技术网站?
作者:
糖果
发布时间:
2024-04-27 11:34:15 (17天前)
来源:
build-a-lowtech-website.html
# 我们的新博客旨在从根本上减少与访问我们的内容相关的能源消耗。 运行新网站的太阳能服务器的第一个原型。太阳能充电控制器(右侧)通过USB电缆为服务器(左侧)供电。 Low-tech Magazine 诞生于 2007 年,从那以后几乎没有什么变化。因为网站的重新设计早就应该进行了——而且因为我们试图实践我们所宣扬的东西—— 我们决定建立一个低技术、自托管和太阳能版本的低技术杂志。新博客旨在从根本上减少与访问我们的内容相关的能源消耗。 ## 为什么是低技术网站? 我们被告知,互联网将使 社会“非物质化”并减少能源使用。与这一预测相反,它本身已经成为一个庞大且快速增长的能源消费者。 为了抵消与高能耗相关的负面影响,可再生能源已被提议作为降低数据中心供电排放的一种手段。例如,绿色和平组织的年度 ClickClean 报告 根据主要互联网公司对可再生能源的使用情况对其进行排名。 然而,在可再生能源上运行数据中心并不足以解决互联网日益增长的能源使用问题。首先,互联网使用的能源已经是全球所有风能和太阳能能源所能提供的能源的三倍。此外, 制造和定期更换可再生发电厂也需要能源,这意味着如果数据流量不断增长,化石燃料的使用也会不断增长。 在可再生能源上运行数据中心不足以解决互联网日益增长的能源使用问题。 最后,太阳能和风能并不总是可用的,这意味着在可再生能源上运行的互联网将需要能源存储和/或传输的基础设施,而这种基础设施的制造和更换也依赖于化石燃料。使用可再生能源为网站供电并不是一个坏主意,但是还必须解决能源使用增长的趋势。 首先,内容变得越来越资源密集。这与视频日益增长的重要性有很大关系,但在网站中也可以观察到类似的趋势。的 平均网页的大小 (定义为500,000最受欢迎域的平均页面大小)从0.45兆字节(增加MB)2010年的1.7兆六月2018年对于移动网站,平均“页面权重”,从涨了十倍 2011 年为0.15 MB, 2018年为 1.6 MB。使用不同的测量方法,其他来源报告的 2018 年平均页面大小高达 2.9 MB。 数据流量的增长 超过了能效 (通过 Internet 传输 1 兆字节数据所需的能量)的进步,从而导致越来越多的能源使用。“更重”或“更大”的网站不仅会增加网络基础设施的能源消耗,还会缩短计算机的使用寿命——更大的网站需要更强大的计算机才能访问它们。这意味着需要制造更多的计算机,这是一个非常耗能的过程。 互联网能源消耗增长的第二个原因是我们花在网上的时间越来越多。在便携式计算设备和无线网络接入出现之前,我们只有在办公室、家中或图书馆可以访问台式计算机时才连接到网络。我们现在生活在这样一个世界中,无论我们身在何处,我们始终在线,有时包括同时通过多个设备。 “永远在线”的互联网访问伴随着云计算模型——以增加数据中心的能源使用为代价,允许更节能的用户设备。越来越多的可以完美地离线进行的活动(例如编写文档、填写电子表格或存储数据)现在需要持续的网络访问。这与风能和太阳能等可再生能源无法很好地结合,这些能源并不总是可用的。 ###### 低技术网页设计 我们的新网页设计解决了这两个问题。由于采用了低技术的网页设计,与旧设计相比,我们设法将博客的平均页面大小减少了五倍——同时使网站在视觉上更具吸引力(并且对移动设备友好)。其次,我们的新网站 100% 使用太阳能,这不仅仅是在口头上,而是在现实中:它有自己的能量存储,并且会在较长时间的多云天气下线。 互联网不是一个自主的存在。它日益增长的能源使用是软件开发人员、网页设计师、营销部门、出版商和互联网用户做出实际决策的结果。通过一个轻量级的离网太阳能网站,我们想表明可以做出其他决定。 现在大约 100 篇文章中有 36 篇在线,太阳能网站上的平均页面重量大约比以前的设计低五倍。 首先,新的网站设计扭转了页面尺寸越来越大的趋势。有大约100篇36现在网上,太阳能供能的网站上的平均页面权重为0.77 MB -低于以前的设计的大约5倍,而50万个最流行的博客在2018年6月不到半年的平均页面大小。 来自新旧低技术杂志的网页速度测试。页面大小减少了六倍多,请求数量减少了五倍,下载速度增加了十倍。请注意,我们设计网站的目的不是为了速度,而是为了低能耗。如果将服务器放置在数据中心和/或互联网基础设施中更中心的位置,速度会更快。资料来源:平道。 以下是我们为减少能源使用而做出的一些设计决策。我们已经发布了一份单独的文档,专注于前端工作,另一份专注于后端。我们还发布了我们网站设计的源代码。 ###### 静态站点 我们所做的基本选择之一是建立一个静态网站。当今的大多数网站都使用服务器端编程语言,通过查询数据库动态生成网站。这意味着每次有人访问网页时,它都是按需生成的。 另一方面,静态网站 生成一次,并作为服务器硬盘上的一组简单文档存在。它总是在那里——不仅仅是在有人访问页面时。因此,静态网站基于文件存储,而动态网站则依赖于循环计算。因此,静态网站需要较少的处理能力和较少的能量。 选择静态站点可以从我们位于巴塞罗那的总部以经济的方式为站点提供服务。对数据库驱动的网站做同样的事情几乎是不可能的,因为它需要太多的能量。这也将是一个很大的安全风险。虽然带有静态站点的 Web 服务器可能会被黑客入侵,但攻击路径明显减少,并且更容易修复损坏。 ###### 抖动图像 主要挑战是在不降低网站吸引力的情况下减小页面大小。由于图像占用了大部分带宽,因此通过消除图像、减少图像数量或使图像更小,很容易获得非常小的页面大小并降低能耗。然而,视觉效果是 Low-tech Magazine 吸引力的重要组成部分,没有它们,网站将不一样。 通过抖动,我们可以使图像的资源密集程度降低十倍,即使它们显示的比旧网站上的大得多。 相反,我们选择应用一种称为“抖动”的过时图像压缩技术。图像中的颜色数量与其文件格式和分辨率相结合,决定了图像的大小。因此,我们没有使用全彩色高分辨率图像,而是选择将所有图像转换为黑白,中间有四级灰度。 我们服务器的抖动图像。 然后,通过浏览器的本机图像处理能力,根据相关内容类别对这些黑白图像进行着色。通过这个抖动插件压缩,文章中的图片给内容增加的负载要少得多:与旧网站相比,图片的资源密集程度大约减少了十倍。 ###### 默认字体/无标志 加载的所有资源,包括字体和徽标,都是对服务器的额外请求,需要存储空间和能源使用。因此,我们的新网站不会加载自定义字体并删除 font-family 声明,这意味着访问者将看到其浏览器的默认字体。 我们对徽标使用类似的方法。事实上,Low-tech Magazine 从来没有一个真正的标志,只是一张长矛的横幅图像,作为一种反对流行的高科技主张的低技术武器。 与需要制作和分发自定义字体和图像的设计标识不同,Low-tech Magazine 的新标识由一个排版动作组成:使用向左的箭头代替博客名称中的连字符:LOW ←科技 杂志。 无第三方跟踪、无广告服务、无 Cookie 诸如谷歌分析之类的网络分析软件会记录网站上发生的事情——哪些页面被查看最多,访问者来自哪里,等等。这些服务很受欢迎,因为很少有人托管自己的网站。然而,在服务器和网站管理员的计算机之间交换这些数据会产生额外的数据流量,从而消耗能源。 使用自托管服务器,我们可以在同一台机器上进行和查看这些测量:每个 Web 服务器都会生成计算机上发生的事情的日志。这些(匿名)日志仅供我们查看,不用于分析访问者。 使用自托管服务器,无需第三方跟踪和 cookie。 Low-tech Magazine 从 2007 年开始就开始投放 Google Adsense 广告。虽然这些是维持博客的重要财务资源,但它们有两个重要的缺点。首先是能源使用:广告服务增加了数据流量,从而增加了能源使用。 其次,谷歌从博客访问者那里收集信息,这迫使我们制作大量隐私声明和 cookie 警告——这也会消耗数据并惹恼访问者。因此,我们用其他融资方式取代了 Adsense(阅读下文)。我们根本不使用cookies。 ###### 网站多久会离线? 相当多的网络托管公司声称他们的服务器使用可再生能源运行。然而,即使他们实际在现场产生太阳能,而不仅仅是通过植树等“抵消”化石燃料的使用,他们的网站也始终在线。 这意味着要么他们在现场拥有一个巨大的电池存储系统(这使得他们的电力系统不可持续),要么他们在太阳能短缺时依赖电网供电(这意味着他们并没有真正在 100 % 太阳能)。 50W太阳能光伏板。顶部是一个 10W 面板,为照明系统供电。 相比之下,该网站运行在具有自身能量存储的离网太阳能发电系统上,并且会在较长时间的多云天气下线。低于 100% 的可靠性对于离网太阳能系统的可持续性至关重要,因为在特定阈值以上,用于生产和更换电池的化石燃料能源高于太阳能电池板节省的化石燃料能源。 网站脱机的频率还有待观察。Web 服务器现在由一个新的 50 Wp 太阳能电池板和一个使用了两年的 12V 7Ah 铅酸电池供电。由于太阳能电池板在早晨被遮蔽,因此每天只有 4 到 6 个小时的阳光直射。在最佳条件下,太阳能电池板可产生 6 小时 x 50 瓦 = 300 瓦时的电力。 Web 服务器使用 1 到 2.5 瓦特的电力(取决于访问者的数量),这意味着它每天需要 24 瓦时到 60 瓦时的电力。因此,在最佳条件下,我们应该有足够的能量让 Web 服务器每天 24 小时运行。多余的能源生产可用于家庭应用。 我们希望在恶劣天气的一两天内保持网站在线,之后它将离线。 然而,在多云的日子里,尤其是在冬天,每天的能源产量可能低至每天 4 小时 x 10 瓦 = 40 瓦时,而服务器每天需要 24 到 60 瓦时。考虑到 30% 的充电和 33% 的深度或放电(太阳能充电控制器在电池电压降至 12V 时关闭系统),电池存储量约为 40 Wh。 因此,太阳能服务器将在恶劣天气的一两天内保持在线,但不会持续更长时间。但是,这些都是估计值,如果有必要,我们可能会在秋季添加第二块 7 Ah 电池。我们的目标是实现 90% 的“正常运行时间”,这意味着网站每年将平均离线 35 天。 第一个原型,左侧为铅酸电池 (12V 7Ah),右侧为 Li-Po UPS电池 (3,7V 6600mA)。铅酸电池提供大部分能量存储,而锂聚合物电池允许服务器在不损坏硬件的情况下关闭(它将被更小的锂聚合物电池取代)。 ###### 最佳游览时间是什么时候? 本网站的可访问性取决于太阳能网络服务器所在的西班牙巴塞罗那的天气。为了帮助访问者“计划”他们对 Low-tech Magazine 的访问,我们为他们提供了一些线索。 为了帮助访问者“计划”他们对 Low-tech Magazine 的访问,我们为他们提供了一些线索。 电池电量计提供关键信息,因为它可能会告诉访问者博客即将关闭——或者阅读它是“安全的”。该设计的背景颜色表示为网站服务器供电的太阳能电池的容量。高度下降表示夜幕降临或天气不好。 除了电池电量之外,还可以通过统计仪表板查看有关网站服务器的其他信息。这包括服务器位置的上下文信息:时间、当前天空状况、即将到来的预报以及自服务器上次因电量不足而关闭以来的持续时间。 2019 年 4 月更新:无论天气如何,都可以访问低技术杂志,我们提供多种离线阅读选项。例如,我们提供710 页的完美装订平装本,其中包含来自网站的 37 篇最新文章(2012 年至 2018 年)。第二卷收集了 2007 年至 2011 年间发表的文章,将于今年晚些时候出版。这些书籍基于构成太阳能网站的相同电子文档。 ###### 硬件和软件 我们额外写了两篇包含更深入技术信息的文章:How to build a low-tech website: software and hardware,重点介绍后端,以及How to Build a Low-tech Website: Design Techniques and Process,其中专注于前端。 服务器:本网站在Olimex A20 计算机上运行。它具有 2 Ghz 的处理能力、1 GB的RAM和 16 GB的存储空间。服务器消耗 1 - 2.5 瓦的功率。 服务器 软件:网络服务器运行 Armbian Stretch,这是一种围绕SUNXI内核构建的基于 Debian 的操作系统。我们编写了配置网络服务器的技术文档。 设计 软件:该网站是使用静态网站生成器Pelican构建的。我们已经发布了“solar”的源代码,这是我们在此处开发的 Pelican 主题。 互联网 连接。服务器连接到 100 MBps 光纤互联网连接。下面是我们如何配置路由器。目前,路由器由电网供电,需要 10 瓦的功率。我们正在研究如何用更高效的太阳能路由器替代耗能的路由器。 太阳能 光伏 系统。该服务器在一块 50 Wp 太阳能电池板和一块 12V 7Ah 铅酸电池上运行。但是,仍在缩小系统规模并尝试不同的设置。的PV安装由20A太阳能充电控制器进行管理。 ###### 旧网站会怎样? 太阳能低技术杂志正在开发中。目前,以电网为动力的低技术杂志仍然在线。如果可用,将鼓励读者访问太阳能网站。后面会发生什么,目前还不清楚。有几种可能性,但很大程度上取决于使用太阳能服务器的经验。 在我们决定如何整合新旧网站之前,只能在由网格驱动的 Low-tech 杂志上发表和阅读评论,该杂志仍由 TypePad 托管。如果您想发送与太阳能网络服务器本身相关的评论,您可以通过发送电子邮件至 solar (at) lowtechmagazine (dot) com 来实现。您的评论将发布在本页底部。 我能提供帮助吗? 是的你可以。 一方面,我们正在寻找想法和反馈,以进一步改进网站并减少其能源使用。我们将广泛记录该项目,以便其他人也可以构建低技术网站。要发表评论,请发送电子邮件至 solar (at) lowtechmagazine (dot) com。 另一方面,我们希望人们通过财政捐助来支持这个项目。自 2007 年创办以来一直维护 Low-tech Magazine 的广告服务与我们的轻量级网页设计不兼容。因此,我们正在寻找其他方式为网站融资: 我们提供博客的按需打印副本。这些出版物使您可以在纸上、在海滩上、在阳光下或随时随地阅读低技术杂志。 您可以通过PayPal、Patreon和LiberaPay支持我们。 太阳能服务器由Kris De Decker、Roel Roscam Abbing和Marie Otsuka建造。印刷网站由Lauren Campbell 制作。
收藏
举报
1 条回复
动动手指,沙发就是你的了!
登录
后才能参与评论