博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
drupal_可持续Drupal:通过加快CMS节省能源的10种方法
阅读量:2526 次
发布时间:2019-05-11

本文共 2444 字,大约阅读时间需要 8 分钟。

drupal

Web性能对于可持续性很重要。 我们必须转移的越少越好。 我们还可以做很多事情来优化内容在浏览器中的工作方式,以便最终用户尽快获得信息。

正如前面的文章和所讨论的,在服务器级别可以做很多事情来加快站点速度。 但是,内容管理系统(CMS)对在屏幕上显示代码的时间内容具有很大的控制权。 最终,您希望尽快显示您的主要内容,以便浏览器可以尽快显示它。

在本文中,我将重点介绍开源CMS Drupal,它驱动约 。

(注意:Wordpress具有插件 ,而Drupal具有模块 。)

  1. 删除不必要HTML,以使用模块帮助页面更快地加载。 要将其更改为较浅的标记,请复制Fences随附的任何模板(* .tpl.php)文件的副本,并将其添加到您的自定义主题中。 您还可以制作自己的Fences样式的* .tpl.php文件,并通过使用fences命名约定将它们放置在主题中。 栅栏将自动找到它们,并将其添加到下拉列表中可用的列表中,以进行现场配置。
  2. 通过启用 (AddAgg)模块,进一步聚合和压缩CSS和Javascript 。 Drupal Core附带的默认压缩/聚合代码是可以的,但是此模块有很多改进,将进一步改善页面加载。 这个StackExchange答案很好地解释了如何使用AddAgg将 。 在Drupal 8中,默认情况下,JavaScript在页脚中运行。 该模块还允许站点使用Google的Content Delivery Network(CDN)加载jQuery。 如果浏览器已经从CDN加载了javascript文件,它将仅使用其缓存的文件,而不是再次下载。 压缩代码的算法很多或模块都可以使用来减小JavaScript的大小。
  3. 使用Drupal Core的ImageCache模块将较小的图像传递给您的访客。 这对于其中浏览器渲染的图像要小得多的移动设备尤其重要。 模块是Drupal 8的响应式图像显示格式器的反向端口,它允许管理员通过将图像样式与CSS媒体查询配对来针对不同设备和分辨率优化图像。 如果未优化大图像,则页面加载速度会变慢。 工具在将图片上传到您的网站之前,可以减小图片的尺寸。 模块可以通过延迟加载外部加载的图像来帮助您。 在用户滚动到图像之前,不会加载图像,这会提高页面速度并减少传输的总字节数,因为大多数人不会滚动到每一页的底部。 这对于图像密集型站点最有用。 使用标量矢量图形(SVG)而不是PNG或GIF可以减小文件大小。 SVG文件通常非常小,可以内嵌在HTML5和CSS文件中,并且可以缩放而不会失去清晰度。 这样一来,您可以在手机上使用与在桌面上使用的图像相同的图像。 为此,Drupal 8 文件。
  4. 禁用不必要和未使用的模块。 出于性能原因,无论如何都不应在生产站点上启用像这样的模块。 Drupal的统计模块还可以减慢页面的速度,因为它需要为每次页面加载写入数据库。 还有一些诸如“ 类的模块仅在您编辑视图时才需要,所以为什么不默认禁用它。 每个页面视图都将加载已启用模块中的某些代码,从而降低您的网站速度。
  5. 启用并遵循其建议,以确保搜索引擎将访问者直接发送到他们想要的信息。 许多访问您网站的人可能会跳过主页,直接进入搜索引擎将其发送到的内容。 这既对用户有利,又对环境有利。
  6. 首先使用移动设备进行设计 ,并使用语义HTML5和现代CSS3。 对于Drupal,我们多年来一直建议从一个良好的基础主题(如或入手,以实现可访问性,部分原因是它们是出色的响应平台。 为移动设备进行设计首先会迫使组织优先考虑对他们来说最重要的事情,并简化其站点。 然后,当用户使用大显示器和高带宽浏览您的站点时,可以将其添加。
  7. 缓存,缓存,缓存。 在Drupal 7中,开发人员或管理员常常忘记只启用Drupal 7中的页面和块缓存(“管理”>“配置”>“性能”),这是很常见的。Drupal8默认情况下启用页面缓存和CSS / JS聚合,因此默认情况下将被更多的网站雇用。 确保增加Drupal中的缓存生存期,以便除非需要,否则不会重新生成页面。 在“ 有一些示例说明了如何进一步扩展这一范围。
  8. 除了不能在许多设备上运行外,Flash还消耗大量能量,这也是Apple过去不支持iPhone上Flash的原因之一。 使用HTML5的<video>格式,它具有巨大的可访问性优点以及对环境的影响。 当然还有其他原因,由于以下原因不依赖闪存   或   问题。
  9. 考虑一下您的内容。 可以用更少的图像清楚地传达含义吗? 是否使用适当的语义标记(使用集中式(和缓存的)CSS文件设置样式)创建内容? 在Manoverboard上极大地鼓励了我们保持简单。 史蒂夫·克鲁格(Steve Krug)的书《 包含的原则“与所有数字接口高度相关,不仅在于易于使用和人类参与,还在于确定推动我们的在线行为的能耗”。 安德鲁还主张将未使用的内容存档。 用户希望网站包含新鲜的内容,而不包含所有已发布页面的活动历史记录。 更少的页面意味着搜索引擎可以索引的页面质量更高,并且维护它们所需的精力更少。 内容应该是可找到的。 用户将受益于具有良好导航结构的站点。 使用结构分类法还可以使访问者找到相关内容。 启用Drupal的核心搜索,或者更好地设置并使用Drupal的提供令人惊奇的多面搜索体验。 在Drupal中,可以在前端,后端和服务器上完成很多工作。 通过良好的内容策略,我们可以确保内容易于查找和使用。 所有这些都将有助于减少用户花费在使用您的网站上的时间,从而减少其总碳排放量。
  10. 寻找方法回馈社区。 目前,有超过一百万个站点运行Drupal,约占Internet的3%。 如果您可以优化模块或主题以使您的网站运行更快,请考虑将其回馈社区,以便其他人可以从中受益。

最后,首个虚拟会议将于2月9日召开。它是免费的,并且在线。 买票。

翻译自:

drupal

转载地址:http://pvnzd.baihongyu.com/

你可能感兴趣的文章
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第1节 网络通信概述_3_网络通信协议分类...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第1节 网络通信概述_4_IP地址...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第1节 网络通信概述_5_端口号...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_1_TCP通信的概述(上)...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_2_TCP通信的概述(下)...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_3_TCP通信的客户端代码实现...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_4_TCP通信的服务器端代码实现...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_1_综合案例_文件上传的原理...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_2_综合案例_文件上传案例的客户端...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_3_综合案例_文件上传案例的服务器端...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_4_综合案例_文件上传案例阻塞问题...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_5_综合案例_文件上传案例优化...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第4节 模拟BS服务器案例_1_模拟BS服务器分析...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第4节 模拟BS服务器案例_2_模拟BS服务器代码实现...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_1_函数式接口的概念&函数式接口的定义...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_2_函数式接口的使用...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_3_性能浪费的日志案例...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_4_使用Lambda优化日志案例...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_5_函数式接口作为方法的参数案例...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_6_函数式接口作为方法的返回值类...
查看>>