跳到内容
新问题

对这个项目有疑问吗?注册一个免费的GitHub帐户以打开一个问题,并联系其维护者和社区。

单击“注册GitHub”,表示您同意我们的服务条款隐私声明。我们偶尔会向您发送与帐户相关的电子邮件。

已经在GitHub上了?登录到您的帐户

呼吁2024年路线图优先事项 #903

关闭
费利萨尔茨已打开此问题2023年12月14日·8条评论
关闭

呼吁2024年路线图优先事项 #903

费利萨尔茨已打开此问题2023年12月14日·8条评论
标签
其他 与现有重点领域无关的问题 [类型]文档 要添加或增强的文档

评论

@费利萨尔茨
复制链接
成员

是时候制定2024年WordPress性能团队路线图了!🎉

团队路线图应包含我们今年主要关注的内容。这个问题是一个公开的呼吁,分享您今年的个人或集体优先事项,以便我们能够将其汇总到最终的公共路线图中,与更广泛的WordPress社区共享。

该路线图最终应作为新的“路线图”菜单项发布在https://make.wordpress.org/performance网站/,取代当前的2023年路线图。(2023年路线图不会完全删除,只会从菜单中删除。)

有关参考,请参阅类似问题这导致了2023年路线图.

如果你积极为WordPress性能团队做出贡献或计划在今年这样做,请分享你2024年的优先事项,作为对此问题的评论!

对于您今年想重点关注的每个优先事项,最好包括以下内容:

  • 工作的简短项目名称/标题
  • 项目提高了哪方面的性能(或哪些Web重要指标)(以下值之一)
    • 互动性(INP)
    • 布局稳定性(CLS)
    • 加载时间性能(LCP)
  • 描述项目内容的2-5个要点

最后但并非最不重要的一点是,这个路线图当然不是一成不变的。随着时间的推移,优先事项可能会发生变化,路线图应该是一份活的文件,我们会根据需要不断更新。因此,2024年的这组优先事项是一个坚实的起点。

这一问题将在2024年1月5日之前对项目优先事项开放。之后,将根据此处共享的优先事项起草公共路线图。路线图草案将在将来共享以供审查#核心绩效聊天,以便在发布之前进行反馈和迭代。

@费利萨尔茨 费利萨尔茨补充[类型]文件 要添加或增强的文档 其他 与现有重点领域无关的问题标签2023年12月14日
@费利萨尔茨
复制链接
成员 作者

费利萨尔茨 评论2023年12月14日

在这里分享几个已经明确的项目,因为它们是已经开始的工作的延续:

  • 表演者翻译(最近更新的博客帖子)
    • 改进指标:LCP(通过TTFB)
    • 描述:
      • 使用基于PHP的翻译文件时,本地化性能提高了10%甚至更多
      • 完成拉入请求并致力于核心
      • 在wordpress.org/GlotPress上实现PHP l10n文件支持(Meta-Trac票证)
  • 图像加载优化(通过客户端检测)(GitHub概述问题)
    • 改进指标:LCP
    • 描述:
      • 实现客户端机制以可靠地检测LCP图像,包括支持桌面和移动视口之间的不同LCP图像
      • 与WordPress核心有限的服务器端方法相比,显著提高了预加载/优先排序LCP图像的准确性(而不是延迟加载)
      • 作为性能实验室的一部分发布第一个版本
      • 添加背景图像支持:许多块使用CSS背景图像来显示图像,但这些并没有通过任何WP本机功能(srcset&sizes、laz-loading、fetchpriority等)进行优化
      • 考虑WordPress核心的可行性
  • 模板加载性能
    • 改进指标:LCP(通过TTFB)
    • 描述:
      • 实施进一步措施以提高加载主题模板文件的性能
      • 考虑块主题HTML模板和经典主题PHP模板和模板部分(例如。追踪号59719,Trac#59600)
      • 提高加载块模式的性能
      • 提高加载theme.json配置的性能(例如。追踪号57789)
  • 更准确的图像尺寸属性
    • 改进指标:LCP
    • 描述:
      • 实施智能逻辑,根据图像显示的大小,更准确地预测“大小”属性需要使用的图像维度
      • 考虑区块主题和经典主题的布局含义:
        • 对于块主题,可以通过PHP中的块布局进行预测
        • 对于经典主题,它可能依赖于“图像加载优化”方法潜在启发的客户端机制
      • 潜在支持sizes=“自动”相关和受支持的地方:延迟加载的图像不需要在布局之前计算大小属性,可以使其更加精确。

@韦斯顿路特
复制链接
成员

威斯顿鲁特 评论2023年12月14日

通过在加载时为可变高度的元素保留空间来减少CLS

改进指标:CLS

复写的副本@爱情

@乔麦吉尔
复制链接
成员

乔麦吉尔 评论2023年12月15日

谢谢你的开场白,@费利萨尔茨。我想看到我们明年探讨一些其他想法:

页面缓存策略的改进
关注指标:TTFB

用于在Web Worker上注册脚本的API
关注指标:LCP | INP

改进核心自动化性能测试
重点:基础设施

  • 提高性能测试的稳定性
  • 改进数据收集和可视化工具(例如。CodeVitals仪表板)
  • 为测试用例创建更好的内容(例如,替换主题单元测试数据)
  • 向矩阵中添加其他测试用例(例如PHP版本、数据库加载、对象缓存、模板类型、更多主题等)

@穆克什班查尔27
复制链接
成员

消除WordPress默认主题中前端的jQuery使用
关注指标:LCP

  • 内容:几乎所有旧的WordPress默认主题,直到Twenty-Oventeen,都会在其前端加载jQuery,以便通过普通JavaScript轻松实现逻辑。在这项工作中,应修改受影响的主题,以消除这种依赖性。
  • 为什么:jQuery是一个相对繁重的JavaScript库,尤其是考虑到它的许多用法现在已经过时,而现在更现代的普通JavaScript中提供的功能也已经过时了,即使是在现在已经过时的浏览器中。在这种情况下,用普通JavaScript替换jQuery可以使LCP提高30%。
  • 存在早期Trac票和拉取请求,例如。二十二二十五

@瑞士风格
复制链接
成员

瑞士风格 评论2023年12月19日

客户端图像压缩

关注指标:LCP

  • 利用浏览器功能和技术(如WebAssembly),以便:
    • 生成客户端而不是服务器上的所有缩略图(减少服务器负载,允许并行处理)
    • 上传前压缩图像并允许压缩现有图像
    • 使用功能强大的MozJPEG编码器,为将来的进一步增强提供途径(例如WebP、AVIF)
  • 使用介质实验插件作为起点
  • 具体范围和路线图待定。
  • 强劲势头:
    • 客户端缩略图生成在过去是针对WebP之类的东西出现的,而GB最近表示对图像压缩的兴趣也。
    • 最近的演示很受欢迎,并显示出这种功能的巨大潜力。

交互式API的采用

关注指标:INP

  • 交互API于6.4版发布,是一种轻量级的方式,可以使块和其他元素交互
    • 很好地替代了更臃肿的方法,例如使用jQuery实现简单的灯箱效果
  • 有可能围绕该API扩大推广范围,以提高生态系统的采用率
    • 添加到默认主题
    • 文档、博客文章等。
  • 探索在其他缓存页面上扩展动态内容岛的机会
  • 支持API的工作,以帮助塑造它并确保强大的解决方案落到核心

扩展可重用测试环境的使用

不关注特定指标。

  • 现在人们更容易运行性能测试(wp-scripts,教程,GitHub操作),找到方法使其更简单,并进一步增加使用量
    • 提高对性能指标的认识并帮助开发人员捕捉回归
  • 大胆思考:找到对整个插件目录运行测试的方法(例如使用Tide)

@亚当西尔弗斯坦
复制链接
成员

o嵌入延迟加载
关注指标:INP、LCP

AVIF支持
关注指标:LCP

  • 取决于Edge添加支持
  • 可能取决于<图片>采用要素支持

@费利萨尔茨
复制链接
成员 作者

费利萨尔茨 评论2023年12月20日

推测性预渲染和预取
关注指标:LCP、INP

  • 实施支持推测规则API(另请参见滑动甲板,推测性预渲染 #908)以智能方式预呈现或预取URL
  • 通过性能实验室的使用情况评估不同配置的有效性和可靠性
  • 为插件提供API,以包括/排除预取和/或预提交的路由
  • 考虑使用当前链接预取和预渲染的标记方法

交互API增强功能
关注指标:INP

@费利萨尔茨
复制链接
成员 作者

谢谢大家的意见!🙌

正如最初宣布的那样,现在就结束这一问题。我们将很快开始起草路线图,并将与公众分享以供审查。让我们的目标是在月底之前出版它。

免费注册 在GitHub上加入此对话.已经有帐户了吗?登录以发表评论
标签
其他 与现有重点领域无关的问题 [类型]文档 要添加或增强的文档
项目
还没有
开发

没有分支或拉请求

6名参与者