(via https://dolske.wordpress.com/2017/05/31/photon-engineering-newsletter-4/)
Welcome to Photon update #4 <https://www.youtube.com/watch?v=EAdGhMRBbzY>! [Yes, another update this week. I’ve caught up with the backlog, so these updates should now reflect recent work over the last 7-10 days.] Let’s first talk about a couple of projects that overlap with Photon and have led to some questions about how things fit together. Quantum Flow and Photon Quantum Flow <https://ehsanakhgari.org/blog/2017-03-09/quantum-flow-engineering-newsletter-1> is a project to find and prioritize fixing performance issues across the browser. We’ve found and/or fixed hundreds of bugs <https://wiki.mozilla.org/Quantum/Flow> so far, tagged “[qf:p1]” in Bugzilla. Photon is a project to refresh Firefox’s UI, which also has a major performance component. Photon also has a big bug tree <https://bugzilla.mozilla.org/showdependencytree.cgi?maxdepth=4&id=1363750&hide_resolved=0> of front-end performance issues found and/or fixed. So, hey, are these separate projects? Are we duplicating effort? The answer is “no” to both. Quantum Flow started off with an emphasis on platform bugs, since web content performance is, y’know, a pretty important consideration for a web browser. The Photon project got rolling well after Quantum Flow had begun, and is simply the front-end complement to Quantum Flow’s performance investigations. The two projects are basically just different views into the same underlying work, and are coordinating very closely. The Photon performance work is a little more structured than Quantum Flow as a whole, though. We’ve clustered the front-end performance bugs into about 10 areas <https://bugzilla.mozilla.org/showdependencytree.cgi?id=1363750&maxdepth=1&hide_resolved=0> of specific types of bugs or UX interactions. These are not the only areas of front-end performance, but are the ones we want to focus on for around the Firefox 57 timeframe. Photon Mobile The main focus of Quantum and Photon is Desktop Firefox. However, the mobile team will be doing a visual refresh <https://dribbble.com/shots/3508511-Photon-Mock-1> of Firefox on iOS and Android to fit in with the new Photon design. They’ll be updating iconography and colors, as well as making the page loading indicators, menus, toolbars, and tab tray more consistent across iOS and Android. It’s also worth noting that Firefox on Android will still benefit from some of the Quantum improvements, since it’s also built on top of Gecko (on iOS we use WebKit, due to Apple’s platform restrictions). Recent Changes Here’s what’s happened in Photon this week. Menus/structure: - Page action menu is taking shape – now has “Send to device <https://bugzilla.mozilla.org/show_bug.cgi?id=1363182>” and bookmarking <https://bugzilla.mozilla.org/show_bug.cgi?id=1363183> functionality. Pocket functionality is next on the list. - Long overdue <https://bugzilla.mozilla.org/show_bug.cgi?id=1009116> maintenance and performance improvement work on panels, panelmultiviews and their transitions is ongoing, getting better every day. - Customization context menus <https://bugzilla.mozilla.org/show_bug.cgi?id=1354078> and customize mode improvements <https://bugzilla.mozilla.org/show_bug.cgi?id=1354126> have landed – customize mode is now more usable when the photon pref is toggled. We’re getting closer to toggling that pref on nightly. - Sidebar switcher improvements have landed. You can now move the sidebar <https://bugzilla.mozilla.org/show_bug.cgi?id=1355331> to the left or right side, WebExtension sidebars are now listed, and some styling improvements have been made. When the sidebar button has also been updated <https://bugzilla.mozilla.org/show_bug.cgi?id=1364238> this part of the project will be nearly done. - Initial patches for the new Library panel are awaiting review. Animation: - Work continues on animations for downloads toolbar button, stop/reload button, and page loading indicator – but these haven’t landed yet. - Looked into SVG spritesheet production+optimization with SVGO plugins <https://github.com/sfoster/svgo/tree/photon-plugins>. This allows us to both to cleanup the SVG markup and optimize out some of the poor SVG generated by graphics editors. Preferences: - We’ve decided to hold back <https://bugzilla.mozilla.org/show_bug.cgi?id=1363850> the preferences reorg until Firefox 56. As previously noted, we’re planning on making some further revisions to the preferences reorg that has already landed in Nightly. They’re not large in scope, but 55 goes to Beta in just a few weeks (June 12th <https://wiki.mozilla.org/RapidRelease/Calendar>), and we want to make sure we get things right before shipping it to Beta or Release. - Updated the strings <https://bugzilla.mozilla.org/show_bug.cgi?id=1365210> in the new performance page, added a search icon <https://bugzilla.mozilla.org/show_bug.cgi?id=1360491> to the search field, and fixed a number of other small bugs. Visual redesign: - The title bar is now dark <https://bugzilla.mozilla.org/show_bug.cgi?id=1367384> by default on Windows 10. It’s a pretty striking look, and we think you’ll like it. A similar change for OS X <https://bugzilla.mozilla.org/show_bug.cgi?id=1367385> is coming. [image: darktoolbar] The dark purple has led to at least one interesting reaction. 😉 [image: Screen Shot 2017-05-30 at 3.14.49 PM] - The arrow in the back button got a bit smaller <https://bugzilla.mozilla.org/show_bug.cgi?id=1367015>. This makes it consistent with the forward arrow – which is especially important for use in Compact Mode, where both are styled identically (i.e. no circle around the back button). - Windows 7 no longer <https://bugzilla.mozilla.org/show_bug.cgi?id=1367712> has a custom toolbar background color. It was bluish, and is now just a normal grey. - Started to remove <https://bugzilla.mozilla.org/show_bug.cgi?id=1368016> the “compact” from the “compact light/dark” themes that shipped in Firefox 53 <https://hacks.mozilla.org/2017/04/firefox-53-quantum-compositor-compact-themes-css-masks-and-more/>. Wait, wait. Hold your fury! With Photon, “compact” will simply be a mode independent of any particular theme. You’ll still be able to have a compact-dark theme. But can also have the default theme be compact, or have a non-compact dark theme. Or use a 3rd party theme <https://blog.mozilla.org/addons/2017/02/24/improving-themes-in-firefox/> in compact mode. - Removed dropdown markers for bookmark folders <https://bugzilla.mozilla.org/show_bug.cgi?id=1366424> and toolbar buttons <https://bugzilla.mozilla.org/show_bug.cgi?id=1366550>. Onboarding: - Coordinating with the Activity Stream <https://wiki.mozilla.org/Firefox/Activity_Stream> project to finalize automigration UI. Also discussing impact to the onboarding tour, as Activity Stream will only be doing a limited rollout (5% of users) in Firefox 56. Adapting the tour to the current (pre-Activity Stream) about:home and New Tab page introduces some complications and extra work. - Completed a User Research study to better understand why users download Firefox and what their expectations are. Performance: - Even more sync reflow tests <https://bugzilla.mozilla.org/show_bug.cgi?id=1363505> are being written, as well as a test to list files loaded early during startup. These help ensure we don’t regress the fantastic performance improvements that have been made so far. - We got some nice contributions, especially a couple fixes from Dão for sync reflows <https://bugzilla.mozilla.org/show_bug.cgi?id=1358453> in tab interactions. - The last thing causing NSS initialization before first paint is captive portal detection <https://blog.mozilla.org/blog/2017/03/07/lots-new-in-firefox-game-changing-webassembly-support/>, and should be fixed soon. - Felipe Gomes is joining the Photon Performance team, and will focus initially on jank caused by code running off of timers. He’ll have an intern starting soon who we expect will start by fixing some main thread IO bugs. Also, the rest of the Photon team will be starting to use some of their time to begin working on other performance bugs. End of transmission <https://en.wikipedia.org/wiki/End-of-Transmission_character>. _______________________________________________ dev-platform mailing list dev-platform@lists.mozilla.org https://lists.mozilla.org/listinfo/dev-platform
