acm-header
登录

ACM通信

BLOG@CACM

如何减少你的网站的碳排放量


传统媒体对环境的敌意太大。报纸、宣传册、传单、目录、经典广告牌等,消耗自然资源,产生废物,而且不会持续太久。数字资源是不同的,对吧?这不是黑白分明的。

例如,数据中心消耗约416.2太瓦这超过了英国的总用电量。这个数字还不包括所有设备在制造过程中消耗的资源和产生的二氧化碳。

这让人怀疑数字媒体是否像我们过去认为的那样环保。然而,我们可以控制我们的在线生态影响。

让我们看看网络专家如何使网站更节能。通过实施这些技巧,你也将提高网站性能和用户体验。

如何衡量网站的足迹以及为什么需要它

在线活动约占全球的4%温室气体的排放是航空业的两倍。当我们考虑网络媒体的环境影响时,我们指的是以下因素:

  • 通过电缆进行数据传输;
  • 数据中心、电信网络和设备消耗的能量;
  • 这种能源的来源(数据中心可以使用电网电力或利用可再生资源);
  • 网站流量(一个网站的浏览量越多,人们在那里停留的时间越长,网站的影响力就越大)。

例如,这些是标准网站碳计算器计算任何网站的碳足迹。它比较CO的含量2排放量的例子,如:

  • 相扑手重量;
  • 气泡的数量;
  • 多少棵树能吸收这么多的碳?
  • 一辆电动汽车以如此巨大的能量所能行驶的距离。

它还提供了如何让你的在线表现更可持续的建议。

网站在能源使用方面有何不同?

当我们浏览网站时,我们使用电力,而发电会排放碳。所以页面的排放量取决于:

  • 服务器和客户端需要执行多少工作来加载页面;
  • 页面需要多少数据;而且
  • 数据必须经过的路径的复杂性。

例如,加载和渲染example.com会产生0.00g的二氧化碳,这是你能想象到的最环保的网站。但我们不能对Netflix的主页说同样的话。换句话说,高排放、页面加载缓慢和超载的网站都是同一个根本问题的症状。

信贷:网站碳计算器

为什么你需要优化网站来减少碳足迹

一切都是相互关联的。提高页面加载速度会带来更好的用户体验、搜索排名和转化率。它帮助用户更快地获取信息,减少碳排放。这就是为什么任何网站所有者都需要优化他们的资源。

这对在线商店尤其重要,因为激烈的竞争需要不断改进。作为一个在线商人,你需要加快您的Magento网站或其他CMS,您选择服务您的商店。让我们来探索五种让你的数字活动更环保的方法。

让你的网站更环保的5个策略

1.你需要所有这些图像吗?

图片是大多数网站页面权重的最大贡献者之一。你使用的视觉效果越多,文件越重,传输的数据就越多,消耗的能量也就越多。

设计师和内容创造者能做些什么呢?他们应该仔细考虑如何使用视觉效果:

  • 图片真的对用户有益吗?
  • 传达的信息有用吗?
  • 小一点的图像能产生同样的效果吗?
  • 用户看不到的照片,比如旋转木马里的照片,可以减少吗?
  • 可以使用矢量图形(或者CSS样式)来代替图片吗?

人们微笑握手的照片从一个网站传到另一个网站。但据眼动跟踪研究,人们忽视他们。也就是说,你可以留下一个空白,为一个更绿色的未来做贡献,而不是用无用的图片填充内容。

优化图像的技术方法包括:

  • 考虑正确的网站尺寸,避免加载比需要的更大的图片。然后,根据这些尺寸加载图片,而不是依赖CSS来调整它们的大小。
  • 减少文件大小而不牺牲质量的帮助压缩程序,如TinyPNGShortPixel
  • 利用最有效的文件格式,如WebP而不是JPEG。

这些措施允许您压缩文件,降低能源使用,改善加载时间,而不会对网站用户造成负面影响。

2.你会谨慎使用视频吗?

视频不像图片那样被广泛使用,但作为一种网络内容格式,它们正变得越来越受欢迎。这是目前为止数据和处理密集的信息。

所以,如果你要利用它们,首先要分析这些视频是否对用户有价值,或者你可以删除它们。如果有必要,关闭自动播放功能并保持视频内容简短,从而最小化流视频。

它适用于页面上除主要内容以外的所有其他内容。减少对用户体验无益的内容。较重的网站会给用户的CPU带来更大的负担,导致大量的能源消耗。

这并不意味着你必须只留下纯文本。由于某些疾病,比如阅读障碍,人们无法阅读大段文字,而其他人几乎肯定会觉得没有视觉效果的页面很无聊,然后离开。相反,检查你网站的每一个方面,看看哪些值得保留。

3.你关注网页字体吗?

有创意的网页字体可以使网站更吸引人,但缺点是它们会给页面增加额外的文件重量。单个字体文件的标准重量可以高达250kb。如果您想使其加粗,请添加额外的250kb。

字体优化可以减少文件大小高达97%,即使是自定义字体。探索以下选项,以减少自定义网页字体的影响:

  • 尽可能选择系统字体。你可能会发现像Arial和Times New Roman这样的字体不太吸引人,但它们已经安装在用户的设备上了。因此,您不需要下载任何字体文件。
  • 限制字体变化。尽量减少字体的数量和不同的字体重量。
  • 与TTF, OFT和SVG文件格式相比,WOFF和WOFF2等更好的压缩方法更有利于当代web字体文件格式。
  • 字体应只包括网页所需的字符。

4.你能清理你的代码吗?

在任何情况下,都应该不用说干净和简化的代码。避免冗余,编写高效的查询保持代码整洁明了。

请注意,它与借用的代码以及您编写的代码都是相关的。如果要使用现有的框架和库呢?确保它们已经进行了调整和调整,以提供所需的功能。

在使用插件方面也要合理。删除不必要的插件,选择那些可以减少服务器负载、不会给前端增加额外负担的插件。

5.你是否忽略了服务器缓存?

如果您使用像WordPress或Drupal这样的CMS来运行网站,那么每当有人加载页面时,页面就会动态生成。那么当你忽略服务器时会发生什么呢缓存?每个页面视图都需要服务器处理,增加了它的能量消耗。

采用以下缓存解决方案清漆构建每个页面的静态版本,使用户不必像第一次加载内容那样加载内容。因此,它最大限度地减少了服务器开销、能量消耗和负载延迟。

这并不容易设置,但是一些托管提供商会处理缓存,例如Kinsta而且WP引擎.它使您可以增加您的网站的能源效率和性能毫不费力。

结论

你可能会问,如果我不使用或浪费任何网络上的“传统”资源,我怎么可能对环境造成损害呢?是的,网站取代了纸张,而且不会产生垃圾,比如不可回收的cd。但事实是,你用的比你想象的要多。网络的碳足迹主要是由于它的电力消耗:

  • 数据中心;
  • 传输网络,
  • 终端用户设备。

这可能很难衡量,但你肯定需要意识到你在网络行业的影响,并试图减少它。它只需要简单的步骤,例如:

  • 只分享有价值的东西;
  • 确保快速加载速度与图像和字体优化;
  • 让你的网站更容易导航,这样用户就不必使用不必要的资源;
  • 编写干净的代码;
  • 等等。

最好的部分是它提高了搜索引擎优化,在线性能和用户体验。所以一个生态友好的网站就意味着一个更好的生意。

亚历克斯Husar他是Onilab的首席技术官,从事Magento的迁移和开发项目,以及开发渐进式web应用程序(PWAs)超过8年。他是全栈开发方面的专家,分享他在现代技术和计算机软件工程方面的专业知识和深入知识。


没有发现记录

登录为完全访问
»忘记密码? *创建ACM Web帐户
Baidu
map