如何通过 Drupal CMS 应用 GreenIT 最佳实践?

缺点是,即使该网站的评估是有效的,它也没有提供具体的改进领域。

>绿色 IT 分析浏览器扩展
Green IT Analysis 浏览器扩展程序由 ecoindex.fr 网站推荐,对于更深入地分析您的 URL 非常实用。

事实上,除了 ecoindex.fr 网站评估的 3 个标准之外,绿色 IT 分析还审查了绿色 IT 协会存储库中的21 项良好实践。此外,此扩展还提供了非常具体的改进途径。

使用绿色 IT 分析扩展获得的结果的屏幕截图使用绿色 IT 分析扩展获得的结果示例

这个扩展还有另外两个优点 :

它允许您评估非索引页面 ;
而且,由于分析保留 如何建立电话号码清单 功能,它可以比较一段时间内的结果。
请注意,浏览器上安装的其他扩展程序和浏览器缓存可能会扭曲您的结果。为了使这些结果精确且一致,建议使用完全不含任何其他扩展的浏览器,仅用于分析,并为每次分析清空其浏览器缓存。

电子书
数字生态设计:所有良好实践
下载电子书
Drupal 的数字清醒杠杆
绿色IT的4大杠杆:限制页面复杂性 – 限制页面重量 – 限制请求数量 – 限制服务器请求

1.限制页面复杂性
页面复杂度标准分析结果截图

根据 ecoindex.fr 网站,目标是DOM 中的 600 个元素。因此,DOM 包含的元素越多,页面的解析就越复杂,因此在浏览器中显示的时间就越长。

>什么是 DOM?

DOM 或文档对象模型是 HTML 源的表示形式,以 API 的形式由浏览器创建。例如,它允许 JavaScript 动态修改页面的元素。

>可以采取哪些行动?
将编辑和功能性内容减少到最低限度;
不要重复元素,尤其是移动版本;
尽可能采用最高效的 HTML 结构(要小心 CMS,它会生成大量 HTML 结构);
请注意标签形式的 SVG,其元素将集成到 DOM 中。如果 SVG 没有理由通过 JS 脚本或精确的动态着色图进行更改,最好使用图像标签,但要注意请求数或图标字体。

数字清醒的本质是不必删除任何内容或功能!

 

如何建立电话号码清单

 

>使用 Drupal CMS 限制 DOM 大小的可能操作

1.限制默认生成的HTML

我们实施的解决方案是创建定制的主题,简化许多 Drupal 模板,以便生成语义、轻量级和可访问的 HTML。

Drupal 10带来了一些新功能,包括通过“Starterkit 主题”生成完整主题的可能性。目标是建立一个尽可能完善的基本主题,并为每个项目生成一个克隆,以便尽可能地适应其需求。

2.限制内容的大小

通过在文 反向链接列表中的下一个是自创的 本编辑器中设置字符限制;
限制页面上可能出现的段落数量;
通过将内容减少到要点。

3.缩小菜单和列表页面的大小

不要显示超过 2 或 3 层树;
选择每页包含少量元素的分页,并避免无限滚动功能;
例如,核心“视图”模块允许创建列表页面,从 HTML 的角度来看非常冗长。它将许多模板嵌套在一起。然而,在 Adimeo,我们限制它的使用,因为它会生成许多级别的模板,从而产生不必要的 HTML 标签。
2.优化页面权重,它以与网站 通辽电话号码表 用户更简单、更有效的交互为方向提升横向质量,
页面权重搜索结果截图

仍然根据 ecoindex.fr 网站,目标是 1,024 MB。因此,页面越轻,消耗的能量就越少。那么,我们如何优化页面的权重呢?

>注意图像
很多时候,影响网页权重的主要因素是……图像。页面上的照片越少,优化的次数就越多,效果也越好。

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注