紫焱: 要精益模块_精益WordPress:优化CMS的指南

紫焱: 要精益模块

快速的网站更具可持续性,并且在拥有更快乐的用户(通常可以更快,更轻松地找到所需内容)的情况下通常更加高效。 但是,仅仅因为站点不快并不意味着它易于维护。 您如何在对速度的需求和易于维护的便利之间取得平衡? 在本文中,我们将讨论如何优化WordPress (一种开源内容管理系统(CMS))以满足这两种需求。

CMS的便利...潜在价格

内容管理系统为与创建和管理Web内容相关的通常很复杂的任务带来了难以置信的便利。 但是,如果优化不当,它们还可能会带来大量开销,从而减慢页面加载,响应速度等。 它们的可扩展体系结构为用户带来了灵活性,而灵活性通常是以性能和可靠性为代价的。 在这里,我们将介绍WordPress,在前100万个网站中,WordPress 占CMS使用率的54% (截至本文撰写)。

WordPress提供了成千上万个可用的插件 (其中许多可以通过GPL许可使用),可以处理从安全到搜索引擎优化,从商业到联系表格的所有内容。 您可以想象的大多数网络功能都可能变成了只需单击几下即可安装的插件。 它们的简单性是这些插件带来的吸引力的一部分。 使用它们可能非常诱人。

但是在这些插件和模块内部隐藏着一些潜在的陷阱:

  1. 每个插件通常都带有多个CSS和JavaScript文件,这些文件可能是多余的,并且可能会增加您网站的性能。
  2. 更新CMS或其他模块和插件可能会破坏整个网站,使其离线。

虽然普通的前端用户可能不会注意到从单个插件在这里和那里加载了几个额外的脚本,但是一点点累加起来。 安装一些插件,您的网站可能遇到性能障碍,这些问题会引起注意。

如果您不小心,上面#2中提到的升级路径将更加有害。 出于安全考虑,保持网站更新很重要。 因为这些系统是为易于使用而设计的,所以可以理解,更新它们是一个简单的过程。 但是更新时不考虑后果,您可能会发现自己陷入了痛苦的世界……或者至少解决了将站点回滚到昨天备份的麻烦。

Wordpress upgrade alert

在WordPress中,只要有可用的更新,警报就会显示在您的仪表板上。 由于警报是在登录时位于仪表板的左上方,因此这是您首先看到的内容,并且可以明显看到单击该更新按钮的诱惑。 不了解内容的创建者通常不会意识到的是,这些看似简单的升级可以使您的网站快速脱机。 仅仅因为有新的CMS并不一定意味着您使用的插件就可以与新更新一起使用。 插件通常落后于CMS更新,因此确保已使用的工具在更新时可以一起使用很重要。 否则,看似简单的过程便可以使您快速进入被关闭的网站。

从可持续性的角度来看,这一点很重要,因为无法预料的故障,错误,黑客入侵等会占用修复资源。 避免它们使用更少的时间和精力。 简单吧?

WordPress特定的优化

让我们谈谈可以优化WordPress的两个关键领域:插件和主题 。 我们还将讨论有关评论如何降低网站性能的问题。

另外,这绝不是一个完整的列表,而是代表了一些更常见的WordPress优化技术。 实际上,您可以执行数百个Web设计和开发任务,以获得更好的优化网站。 值得投入的设计人员和开发人员还将遵循准则,以优化前端,面向用户的资产,例如图像,类型和交互,以及常规的Web性能优化技术,例如Yahoo!所倡导的技术。 和Google

您的WordPress插件

Wordpress plugins screenshot

与现有WordPress网站上的插件有关的第一件事是停用所有未使用的插件。 活动插件会加载资源(并发出HTTP请求),从而增加了每个加载页面的开销。 如果未使用插件,请关闭它。

也就是说,请记住,插件的每个实例都会加载自己的开销,以下是一些可以帮助您提高WordPress性能的特定插件。

  • 配置文件性能:如果您的网站运行缓慢, P3插件性能分析器将告诉您加载时间最长的插件,使用的数据量以及其他有用的指标。 从那里开始。
  • 安全性:如上所述,确保您的网站安全且不受恶意黑客入侵非常重要。 诸如Wordfence Sucuri Security以及WordPress的多合一安全性和防火墙之类的插件可以帮助解决此问题。
  • 合并脚本: Autoptimize将所有CSS,HTML和JavaScript合并到一个文件中,这可以加快加载时间。
  • 缓存:W3 Total Cache这样的优秀缓存插件可以通过绕过用户浏览器中已经缓存的元素来加快页面加载时间。
  • 优化数据库: WP-OptimizeYoast Optimize DBWP DB Manager之类的插件可以通过优化站点元素来减少站点数据库的开销。
  • 延迟加载图像: “延迟加载”图像可阻止加载后期图像,直到用户滚动并进入浏览器的视口为止。 这加快了页面初始加载所花费的时间。 我与Mightybytes合作的开发人员Davo Hynds创建了WordPress插件Lazy Load XT ,该插件平衡了可配置性和轻量级开销。 其他延迟加载插件包括延迟加载BJ延迟加载
  • 压缩图像:当然,您可以使用自己喜欢的图像编辑器压缩照片。 像WP Smushit这样的插件可以通过扫描您上传到WordPress的每个图像并剥离隐藏的大容量信息来增加额外的压缩层,从而在不损失质量的情况下减小文件大小。
  • 修订控制: WordPress将保留其自己的设备,将保存您发布的每个帖子的每个草稿,从而创建不必要的信息以存储在数据库中。 诸如修订控制之类的插件可以帮助您设置要保存的特定修订数。 关键是要在不丢失工作(即零修订)与使数据库混乱之间找到平衡。

现在请注意一些插件。

ShareThis,AddThis,DumpThis

社交媒体共享插件,那些无处不在的按钮,可以让您在每次登录博客文章时便能通过各种社交渠道共享内容,这些插件也可以为您的页面增加很大的吸引力。

2013年,用户体验设计师James Christie进行了一项实验,以找出这些小部件添加到典型页面中的数量。 他发现将四个社交小部件添加到网页还添加了额外的64个HTTP请求,并导致其页面从80 kb膨胀到480 kb。 加载了小部件的页面也花费了六秒钟以上的时间。 科视Christie进一步推算,如果有一百万人加载该页面,将导致等待数据加载的时间总计浪费了1727小时,即71天。 此外,这71天还增加了发送的379.8 GB额外数据,根据他的计算,大约有7.41吨温室气体排放,与四次跨大西洋航班的排放量相同。

尽管如此,您的营销部门仍希望人们共享您的内容,但他们不信任人们将URL复制并粘贴到Facebook或Twitter的能力。 你要做什么

一些站点已经采取了简单的方法,将超文本链接添加到其在内容页面上的首选社交网络。 这种方法不是在页面加载时发出不必要的额外HTTP请求并自动为每个单独的网络加载窗口小部件代码和图像,而是将决定权交给了用户。 结果是页面重量大大减轻,仅当用户选择他们希望与之共享内容的网络时,页面负载才加载共享数据。

或者您可以相信用户知道如何复制和粘贴。

您的WordPress主题

当涉及到WordPress主题时, 渐进增强的概念是一种更可持续的策略。 在这种情况下,更容易获得意味着更可持续。 逐渐增强的WordPress主题将以很少支持的功能或较低的带宽向浏览器显示基本内容,然后在用户代理允许的情况下分层附加功能。 诸如Thesis Theme FrameworkLucid之类的高级主题功能丰富且响应Swift ,而不会降低网站速度。 但是还有很多其他的。

一个好的主题还使用有效HTML,该HTML可在浏览器和设备之间快速加载。 不幸的是,某些主题可能包含垃圾邮件或恶意软件。 您可以通过WordPress真实性检查器漏洞利用扫描器之类的插件检查正在使用的主题的有效性。 您还可以使用W3C的标记验证服务来检查基本代码是否符合标准。

接下来,检查主题使用的资产:

  • 查询次数:可以将静态元素硬编码到主题中吗? 这将减少HTTP请求的数量。 这可能与静态菜单,站点标题等有关。
  • 图片:是否有不必要的图片? 那些正在使用的文件是否已正确压缩? 它们的格式正确吗? (JPG,GIF,PNG等)
  • 文件数:是否可以通过将页面组合成一个最小的优化文件来减少显示页面所需的文件数(CSS,JavaScript等)? (注意:随着HTTP / 2的广泛采用,这种方法可能会改变。)

当然,每个站点都有不同的需求和要求,因此适用于一个WordPress网站的内容可能不适用于另一个。 创建和编辑主题时,请牢记上述注意事项,这有助于减少开销并加快加载时间。

评论,引用和引用

在WordPress中禁用pingback和Trackback功能可以简化您的网站跟踪谁提到您的帖子的工作量。 人们仍然可以链接到您。 这些链接只是不会添加到您的WordPress数据库中。 考虑到垃圾邮件的数量,这可能会在性能上产生重大差异。 垃圾邮件自动评论会开始吞噬您MySQL数据库。 正如SEOChat的人们指出的那样:“如果您继续忽略此内容,您可能会注意到您的站点已关闭,或者因为您MySQL磁盘空间已超出配额而无法发布。”

如果您的网站不太依赖用户评论,则可以考虑完全禁用评论功能。 监视,审核评论以及与评论(以及创建评论的垃圾邮件制造者)进行交互可能会占用大量资源。

如果使用第三方评论系统(例如DisqusLivefyre等), 评论尤其成问题 。在测试中,我们Mightybytes博客上运行 ,我们的评论系统为每个评论添加了14个HTTP请求,34个MySQL查询和.4 MB使用它的页面。 这也意味着大约有半秒的额外加载时间,或将近69个半小时的集体加载时间,再加上400个不必要的千兆字节,使100万人从我们网站上下载了包含评论系统的页面。 这将比詹姆斯·克里斯蒂(James Christie)以上计算得出的四次跨大西洋航班的温室气体排放量略多。

说了这么多,评论肯定有自己的位置。 我并不是在提倡每个博客都删除评论以拯救地球。 评论允许用户进行以内容为中心的对话,共享想法(和链接)以及建立联系。 对于某些站点或产品,这是绝对必要的。 对于其他博客,评论部分不经意存在为垃圾邮件的存储库,而几乎没有。 您应该权衡评论的价值和它们添加到您的网站的开销之间的选择。

更多资源

仅在WordPress.org上就有超过42,000个插件可用,向您的WordPress网站添加功能可能很容易,但也会带来意想不到的后果。 仔细考虑这些后果很重要。 网站速度慢会导致用户沮丧,放弃率更高,并在某些情况下会损失收入。 没有人想要。 最好的(也是最可持续的)网站是那些平衡用户对速度和可靠性的需求以及易于维护的结构(提供简单性和稳定性)的网站。 如果您使用WordPress,希望本文中概述的技巧将帮助您创建一个更具可持续性的网站。

有兴趣了解有关网站速度和可靠性如何影响用户体验和网站可持续性的更多信息? Ecograder将根据“ 可持续性网页设计”网站上概述的可持续性标准评估网站的性能。 其他工具(例如Google的PageSpeed InsightsPingdom工具)提供了有用的操作项,专门用于提高网站性能。 如果您想进一步研究,请查看《可持续性设计:创建更绿色的数字产品和服务指南》 (由我为O'Reilly Media撰写;仅发行了高级电子书 )。 Pete Markiewicz在他的博客“ 可持续虚拟设计”中也介绍了CMS的可持续性。

最后,首个可持续发展UX虚拟会议将于2月9日召开。它是免费的,并且在线。 在这里买票。

翻译自: https://opensource.com/life/16/1/lean-wordpress-optimizing-your-cms

紫焱: 要精益模块

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值