The AMP Project Roadmap

What was accomplished

• Merged ads experiment id's for module/nomodule
• runtime type meta is temporarily inserted for module/nomodule ads experiments detection (ex. <meta name="runtime-type" value="${value}">
• @xiexr151e added gulp coverage-map task. allows to evaluate code not ran during initialization

Lessons Learned

What's Next

• evaluate gulp unit testing to align with module build
• fixes/update to gulp coverage-map

What was accomplished

• Add a way for the module/nomodule rollout to be able to identify its control branch. This gives us a path to report to the ads team
• Did some preliminary work on reducing v0.js in the upcoming SxG build by enabling the experiment on fixed layer code

Lessons Learned

What's Next

• Add reporting for rollout of module/nomodule as an ads experiment on client side

What was accomplished

• Merged CSS insert logic for tests https://github.com/ampproject/amphtml/pull/28972
• OpenJS/Web.dev conferences
• Wrapped up server side cache transformation for inline amp-analytics vendor config
• Fixed Transpilation of WorkerDOM impacting Element.classList.
• Moved AMP to Graal Native Closure Compiler, increasing concurrency and dropping developer build times by ~2.5x.

Lessons Learned

• Travis, Github, and CircleCI all use low core count machines for Continuous Integration.

What's Next

• turn on transformers for all integration tests. unblock failing critical tests by skipping and assigning to individual working groups.
• Runtime changes for using inlined amp-analytics vendor config
• Efficiency improvements for Closure Compilation
• Kris goes on paternity leave.

What was accomplished

• integration tests html fixtures are now passed through a no op pipeline and outputted to test-bin at the root of the project https://github.com/ampproject/amphtml/pull/28864
• @xiexr151e joined the AMP Performance team as an intern!
• Removed Single Pass Pipeline.
• Simplify Logic for rtv in client code.
• Conformance checks for allowlist, denylist, and legacy enforced usage.
• Remove Share Tracking

Lessons Learned

• Github Actions works well for generating native binaries using Graal.

What's Next

• add css append postHTML transformer https://github.com/ampproject/amphtml/pull/28972
• turn on the transforms for fixtures when integration tests are ran for esm mode
• Enable Custom AMP Runner pre-built native Closure Compiler, ~3x speedup in compilation.
• Inline amp-analytics vendor config with cache transform (instead of fetching from server)

What was accomplished

• add debug flag to gulp integration. This will allow developers to add "debugger" statements as well as setting breakpoints as it auto opens devtools during the integration run (only works in non headless mode)
• Cleaned up FixedLayer issues and ready to merge and start experiment

Lessons Learned

What's Next

• add HTML transformer to integration tests (part of making integration tests pass for --esm)
• clean up and make AmpCodingConvention more generalized as part of proposal for submission to Closure Compiler team
• Inline amp-ad config on Google AMP cache
• Prepare for Performance Team intern!

What was accomplished

• Design doc and design review for validator changes needed for module/nomodule https://docs.google.com/document/d/1aD7MSHNlS8MsyBOjBx57OuLxVuIMPXVWDIrjt0ItzM8/edit#heading=h.hyyaxi8m42a
• FixedLayer experiment merged (but turned off due to failing test on master)

Lessons Learned

• Experiment tests do not run on PRs in CI

What's Next

• Turn on Integration tests for module build (carry over, blocking module/nomodule launch)
• Investigate removal of AmpCodingConvention.java
• Investigate/resolve conflict with sidebar tests & FixedLayer experiment
• Wrap up RAIL metrics in amp-analytics work

What was accomplished

• Mitigated RTV experiment issues
• Write Mini explainer identifying resources that conflict between module/nomodule written to dist directory

Lessons Learned

What's Next

• Turn on Integration tests for module build (carry over)
• Update validator to support module/nomodule in origin
• Start FixedLayer experiment
• Open PR for https://github.com/ampproject/amphtml/issues/27770

What was accomplished

• Design Doc for additional log/assert removals
• use new error reporting endpoint for module build errors
• Updated Google AMP Cache to upgrade amp-viewer-integration load priority
• Remove ie-media-fix polyfill from ESM build

Lessons Learned

• Take care of your mental health

What's Next

• postHTML transforms in integration tests (carry over)
• Start work on AMP optimizer and validator for module build changes. (carry over)
• Wrap up testing and merge FixedLayer PR
• Move amp-ad and amp-analytics components lazy loading to cache transform

What was accomplished

• Reduce size of v0.mjs to 60.07kb, as a result of landing several optimization changes.
• Move from resorcery to @ampproject/remapping.
• Introduce Post Closure Babel Compilation Pipeline for Multi-Pass.
• Remove padding-top adjustment during boot on origin documents.
• Fix accidental compilation of ES Classes in Module Build.
• Prototype and land new local server for development, supporting Modules.
• Test framework for Document transforms, intended for usage across different transformers (AMP Caches, Optimizer, AMP Wordpress).
• Fix error reporting to identify module build.
• Add module build explainer.

Lessons Learned

• Buy a good chair for home.

What's Next

• postHTML transforms in integration tests (in progress).
• Start work on AMP optimizer and validator for module build changes.
• Slight refactor of babel-plugin-transform-function-declarations.
• Remove indirection for AMP Configuration, allowing plural AMP Caches and AMP Optimizer to support Module Builds.
• Moving FixedLayer to extension
• Send page load performance metrics to CSI

What was accomplished

• add mjs files for experiments added on experiments-config.js
• fixed single pass to work with Preact work
• Tracked down common sources of low performance due to layout shift and high largest contentful paint and created tracking issues:
• https://github.com/ampproject/amphtml/issues/27228
• https://github.com/ampproject/amphtml/issues/27229
• https://github.com/ampproject/amphtml/issues/27230

Lessons Learned

• fast internet is expensive

What's Next

• fix integration tests for module build (in progress)
• build pipeline for local development automatically uses module / nomodule

What was accomplished

Kris

• added post closure compiler transformation processing step
• Remove doc css and base css from ESM build, which is a 10% improvement from the output size (62.61 kb <- 72.88 kb)
• Move the ampproject from using brotli-size library to filesize (brotli compression on multiple cores, improves task on machines with higher cpu cores)

Erwin

• Fixed render delaying extensions preloading for module builds
• On duty (partially 1st week)
• Ramped up module builds to 5% (seeing traffic)
• Fixed single pass code to work with JSX (in review)

Kevin

• Wrote proposal to move FixedLayer from runtime to viewer integration extension (save 36kb unminified, uncompressed)
• Investigating AMP pages with poor RAIL metrics to identify areas of work for performance improvements

Lessons Learned

Kris

• Travis VMs are lower powered than Github Actions ones.

Erwin

Kevin

What’s next

Kris

• Assist Working Groups with Performance Analysis on real-world devices

Erwin

• Ramp up module to 50%
• Get all tests to work with module build
• Add module/nomodule pattern to AMP packager

Kevin

• Take FixedLayer proposal to design review
• Writeup for using DOM Purify only in cache (remove from extensions on origin)

Accomplished

• gulp dist --esm output .mjs instead of .js extension type (doesn't change build only extension type, https://github.com/ampproject/amphtml/pull/26340)
• Dashboard (https://github.com/ampproject/amphtml/projects/99) for all projects that must be completed by the end of Q2 for all AMP documents to meet performance requirements.
• Design Review for moving from 50 kb -> 75 kb of allowed CSS.
• Prototyped removal of DOM Purify for AMP Documents outside of Viewer
• Opened PR for shadow AMP bug fix where resource is not loading on document visibility change

Next

• I2S CSS Limit Change
• Continue researching removing DOM Purify where possible
• TDD for replacing FixedLayer system with cache transform
• Troubleshoot issues with shadow AMP integration test PR

What was accomplished

• Internal changes for rollout of module/no-module
• Investigate amp.dev to understand issues with performance when served canonically.
• Refactoring rollup-plugin-closure-compiler to support source-transforms and chunk-transforms.

Lessons Learned

What's Next

• module/no-module to 1%
• Update amp-sw build system to rollup
• Disable FixedLayer on canonically served documents.

What was accomplished

• Implemented code splitting and bug fixes for rollup-plugin-closure-compiler.

Lessons Learned

• Desktop Linux Machine is 3.4x faster! than laptop for closure compiler test suite.

What's Next

• Backfill 2 weeks worth of release with mjs files
• Server side changes to insert module/no-module script tags (carry over from last sprint)
• Merge performance benchmark task
• Tackling AMP PWA/Shadow bugs

What was accomplished

• amp-img component: pass data attributes to inner image tag (PR)
• Finalize high level roadmap plans for 2020

Lessons Learned

• Back up your dev environment regularly...in case your computer turns into a paperweight 😅

What's Next

• Server side changes to insert module/no-module script tags
• Open PR for performance test gulp task to compare local branch vs. prod
• Fixing PWA / shadow AMP bugs

What was accomplished

• performance WG roadmap planning
• planning on how to deploy module/no-module to production
• crossorigin=anonymous experiment should be launched.

Lessons Learned

• a P0 almost every day is no fun...

What's Next

• add transformer pipeline to typecheck + object destructure transform
• add transformer pipeline to dev build
• migrating RTV performance comparison/visualization tool to GCP

What was accomplished

• CEV1 Polyfill Shipped
• Message extraction bugfix / infra.
• Design Document for Merics Collection
• Replacement for bundlesize (3x Faster, 7x less Dependencies)

Lessons Learned

• Build files transferred between Travis runs are visible on logs but they list is collapsed, so look hard for them.

What's Next

• Turn on message extraction.
• Investigate removing info/fine calls (for production builds).
• Performance changes for WorkerDOM Node.cloneNode(deep?).

What was accomplished

• Erwin Presented live coding demo in AMPCS day 0
• Alan presented "intro to amp-script" in AMPCS day 0
• Alan/Kris presented "future of amp-script" AMPCS day 1
• Justin presented "Bento an update" on AMPCS day 2
• backfilled most days for performance metrics lost

Lessons Learned

• Have alerting ahead of time for policies that have an expiration date
• External contributors wanted a clearer explanation of our Priority labels and what they mean

What's Next

• Turning on log message extraction.
• Performance changes for WorkerDOM Node.cloneNode(deep?).
• Fix type errors and add type checking for JsonCast Errors (amppr/24453 to be followed up).
• Launch and gather metrics for single pass experiment.

What was accomplished

• Custom Elements V1 polyfill shipping as RTV Experiment.
• WorkerDOM 0.20.0 released fixing regressions to ReflectedProperties.
• Launched and gathered metrics module/no-module.
• Replace @babel/preset-env with new custom module output plugin.

What's Next

• Turning on log message extraction.
• Performance changes for WorkerDOM Node.cloneNode(deep?).
• Prepare talks for AMP Contributor Summit.
• Launch and gather metrics for single pass experiment.
• Research, create, and implement metrics surrounding lazy loading of resources
• Fix type errors and add type checking for JsonCast Errors (amppr/24453 to be followed up).

What was accomplished

• Logging message extraction bugfixes.
• WorkerDOM 0.19.0 released including AMP.get/setState().
• Disabled Custom Elements V1 polyfill percentage experiment.
• Successful Prototype of Volta to replace nvm on developer machines.

Lessons Learned

• Don't read experiments during module initialization.
• First Input Delay (micro -> macro task) has negligible changes except for direct canonical visits.
• Less logic in bash, the better your life will be. (@erwinmombay)

What's Next

• Turning on log message extraction.
• Performance changes for WorkerDOM Node.cloneNode(deep?).
• Custom Elements V1 polyfill shipping as RTV Experiment.
• Replace @babel/preset-env with new custom module output plugin.
• Deploy current version 1909141411050 as a custom version marked version 1909141411051 (1 suffix) to be used as the esm/sp/mp version locking directories (cr/269518997)
• Fix type errors and add type checking for JsonCast Errors (amppr/24453 to be followed up)

What was accomplished

• 12 issues resolved for amp-sw
• Release of WorkerDOM 0.17.0

Lessons Learned

• Testing coverage for amp-sw is inadequate, more tests are good.

What's Next

• Bug fixit week for Shadow AMP, Scheduling, WorkerDOM.
• Kris in Australia starting Friday.

What was accomplished

• Unique Identifier per amp-sw version included in source.
• amp-performance-visualization confidence graphs.
• Sourcemap combining library for single-pass compilation.
• Closure Compiler multi-pass module-compatible builds. (~10-11% reduction now).

What's Next

• Open Source @ampproject/resorcery. (sourcemap combiner)
• Single location for all documents created for wg-performance.
• Enable experiment for module-compatible builds.
• @kristoferbaxter Out for most of next sprint.

What was accomplished

• Multi Pass compilation integration with Babel.
• Initial Results for Priority Hints Experiment. (@prateekbh is sharing with wg-performance)
• Document for how to preload amp pages while retaining of amp-analytics usage. (@prateekbh is sharing with wg-performance)

Lessons Learned

• Testing micro and macro task integration is interesting, and more difficult than expected.

What's Next

• Review PR for unique identifier for every amp-sw version.
• Complete Tests for micro -> macro tasks.
• Continued work on amp-performance visualization's graphs.
• Sourcemap combining library for single-pass compilation, plan to Open Source under @ampproject/resorcery.
• Single location for all documents created for wg-performance.