Performance team meeting summary 19 April 2022

Meeting agenda here and the full chat log is available beginning here on Slack.

Focus group updates

Announcements

@mxbclang

• v1.0.0 is live! Read the release post here

Images

@adamsilverstein @mikeschroder

GitHub project

• @adamsilverstein: Generate secondary image MIME types when editing original image #235 was merged this week, which handles media editing and secondary mime types. Work on the PR for Refine logic to select smaller image size #292, as well as investigating the sizes attribute and getting the right images sizes in API to facilitate more accurate “sizes” attribute #140. We also have two research issues from the community feedback about WebP support: Research: Impact of additional WebP images on upload #289 and Research: WebP compatibility #290. We also have a new issue for Explore/research MozJPEG #294.
• @pbearne: PR for dominant color for lazy-loading images is ready

Feedback requested

• Needs Discussion (8 issues)
• Needs Review (3 issues)
• Needs Dev (1 issue)

Object Cache

@tillkruess @spacedmonkey

GitHub project

• @spacedmonkey: Starting to think about dev notes for all the changes to date in core
• @tillkruess: Working with @pbearne on the flush group PR based on feedback
• @jeffpaul: Might be better to have a single dev notedev note Each important change in WordPress Core is documented in a developers note, (usually called dev note). Good dev notes generally include a description of the change, the decision that led to this change, and a description of how developers are supposed to work with that change. Dev notes are published on Make/Core blog during the beta phase of WordPress release cycle. Publishing dev notes is particularly important when plugin/theme authors and WordPress developers need to be aware of those changes.In general, all dev notes are compiled into a Field Guide at the beginning of the release candidate phase. for Object Cache that includes al the various changes, based on previous feedback

Feedback requested

• Needs Discussion (2 issues)
• Needs Review (3 issues)

Site Health

N/A

GitHub project

• We’re seeking 1-2 POCs for this group; if you’re interested, please comment here or pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” in SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.
• @furi3r: Implemented feedback on PR for Add Site Health test for full page caching (advanced cache) #220
• @furi3r: Not directly related to Site Health, but also working on adding preload support to coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. in Add support for preload links (similar to resource hints) #42438; there’s a related issue for Performance Lab: Preload resources #31. Looking for review.

Feedback requested

• Needs Discussion (4 issues)
• Needs Review (2 issues)

Measurement

N/A

GitHub project

• We’re seeking 1-2 POCs for this group; if you’re interested, please comment here or ping in Slack
• No updates

Feedback requested

• Measurement overview doc
• Capturing front-end performance metrics in WordPress doc (for #s 63/64)
• Needs Discussion (5 issues)
• Needs Review (1 issue)

JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/.

@aristath @sergiomdgomes

GitHub project

• No updates

Feedback requested

• Needs Discussion (2 issues)
• Needs Review (2 issues)

Infrastructure

@flixos90

GitHub project

• @flixos90: Fix command line utilities to sort modules correctly #306 is ready for dev; feel free to pick up.
• @mxbclang: Vote ongoing in Define plugin versioning approach #300; please vote before Monday, May 2, 2022 at 5pm UTC.

Feedback requested

• Needs Discussion (5 issues)
• Needs Dev (1 issue)
• Needs Decision (1 issue)

Open floor

• Performance team at WCEU
  • @adamsilverstein: We will likely have a Performance table at Contributor DayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. where we can focus on and help new contributors work on performance issues. Similar to other core focus areas like JavaScript, we’ll sit adjacent to the core team. Good to have an idea of a project to work on in mind if you’re attending, as well as have some tasks in mind for new contributors like research or testing.
  • @tweetythierry: Overview doc of the team at WCEU – Please add your name in the relevant section on the doc if you’d like to help.
• @codekraft: Did some research on lossy formats. This website contains a script to compare images and there’s something interesting about the quality of converted images. In particular on this page there is the comparison of images converted using a JPG (-q 80%) using as reference the original PNG. The issue is called generation loss.
  • @adamsilverstein Seems like a great way to compare image formats. I see you’ve included both MozJPEG and pjpeg – is pjpeg the classic JPEG compressor?
  • @codekraft: pjpeg is progressive JPEG, the new addition is JXL (JPG XL)
  • @adamsilverstein: File size savings for JPEGXL are impressive; didn’t realize there was a library for compressing it yet

Help wanted

• All issues labeled Needs Discussion
• All issues labeled Needs Decision
• All issues labeled Needs Dev
• All issues labeled Needs Review
• All issues labeled Needs Testing

#core-js, #core-media, #performance, #performance-chat, #summary