##STILL DRAFTING
During Q2 FY2015-2016 (October - December, 2015), the WMF Reading Web team has conducted R&D on speed improvements with a Node.js driven composition layer (T113066) and ServiceWorker, along the lines of {T111588}.
The R&D results will be discussed at the [[ https://www.mediawiki.org/wiki/Wikimedia_Developer_Summit_2016 | Wikimedia Developer Summit ]] in early January 2016 in {T114542}.
**This** task is a Q3 goal to apply the findings from Q2 and the discussion at the summit to the mobile web beta channel in Q3 (January - March 2016). Q4 is the optimistic target for subsequently rolling this into the mobile web stable channel.
## Objective
We plan to implement a web experience in mobile web beta that leverages service oriented architecture (SOA) and accommodates slow (e.g., 2G or congested networks) and unreliable (e.g., mobile cellular) connections while reducing drag on Wikimedia origin server and edge cache infrastructure.
## Key result
The new experience will
* Utilize a link preview mechanism (like the Wikipedia for Android app) that loads on 2G connections in under 2 seconds plus network lag time.
* Drive down first paint / time to interact with pages on 2G connections to under 5 seconds plus network lag time.
* Drive down full article load (non-image media) with pages of median size on 2G connections to [[ https://www.mediawiki.org/wiki/Reading/Web/Projects/Barack_Obama_in_under_15_seconds_on_2G | under 15 seconds ]] plus network lag time.
* Drive bandwidth consumption of in-article raster images by 30%.
* On supported browsers, when a connection is unavailable upon back/forward navigation to a previously retrieved page, not result in an error message.
* Stop fragmenting the cache on a per-user, per-article basis.
##Dependencies
* Security team for security review of associated components
* Architecture team for consultation
* Performance team for patch consultation and review
* Services and Parsing teams for service layer concerns
* Analytics team for review of updated pageview and other impression-level data as required
Additionally:
* Technical Operations patch review support will likely be needed for VCL or Apache configuration file changeset review.
* Fundraising Tech will need to be consulted to identify software architecture considerations for JavaScript based Central Notice invocation.
* Release Engineering may need to be consulted in an hoc fashion for consultation on unit/TDD test approach and deployment process
* Partnerships may need to facilitate discussions with search and OS providers indexing content
##Assumptions/Risks
* Wikipedia Zero support will remain intact. In practice, this likely means a continued cache split across W0 on/off status in order to support <noscript> UAs (n.b., inlined <script> is also used in W0 to support ResourceLoader-impaired devices).
* Minimally, there will be a content service layer (RESTbase/Node.js) with key endpoints that exhibit the properties of performant edge caching while observing origin side Parser initiated purges
** Link preview (generic service already exists, but will need a few tweaks)
** The first part of an article. The object should be retrievable in both a full Parsoid output representation and a more bandwidth conserving representation.
** The other part of an article. The object should be retrievable in both a full Parsoid output representation and a more bandwidth conserving representation.
** Reference subscript lookup
* Some api.php endpoints will likely out of short term convenience need to be consumed directly by Ajax supporting browsers even though in the future optimized RESTbase services may make more sense. Others should likely be fronted by RESTbase to get the performance and simplicity benefits.
* SEO must be accounted for. Formally speaking, mobile web beta pages should be (and if deemed necessary, explicitly must be) considered non-indexable, but the architecture must be built in a manner that will support proper search engine indexing. This likely entails a review of existing known popular search engine documented behaviors in available regions plus consultation with a key set of search engine and OS providers in the Global North and a small set of search engine providers in the Global South. More specifically, semantics or implicit behaviors must be in force whereby incremental loading doesn't result in content becoming effectively invisible in search engine graphs.
* Depending upon what we learn at the summit, the locus of view controller logic may be best served more or less exclusively by a framework like React or out of an extension such as MobileFrontend (or, perhaps, a replacement extension, let's call it MultiDeviceFrontend). In practice, there will likely be at least some level of hybrid usage in the short term. As but one example, the PHP-based MediaWiki i18n subsystem is probably best left as it is: a PHP-based MediaWiki i18n subsystem that can be consumed on demand (either by middleware or a browser). And yet other composition tasks may be better facilitated via server-side ServiceWorker (see discussion at {T106099}).
* VisualEditor (VE) for small form factor devices with sufficient JavaScript support would ideally be constructed in a manner compatible with this architectural style. More is discussed below.
##Future considerations
* In Q4 the mobile web beta architecture should be migrated to the stable mobile beta channel[[ https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/ | Progressive web apps ]] and other packaging may make sense in a future state depending on user desire or perceived user benefit for home screen placement and servicing the needs of different users (e.g., desktop packaged apps).
* [[ https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/ | Progressive web apps ]] and other packaging may make sense in a future state depending on user desire or perceived user benefit for home screen placementIn Q4 the mobile web beta architecture should be migrated to the stable mobile web channel. Throughout Q3 and Q4 learnings should be gathered for consideration for the desktop form factor, where there is a much more complex ecosystem of gadgets.
* This is really out of scope for Reading Web, but cannot be ignored and should instead be considered. VisualEditor is already a sophisticated JavaScript system reliant upon Parsoid/RESTbase. At last check, the plan was to replace the exiting MobileFrontend-integrated VisualEditor with something better tied directly into the VisualEditor codebase. To date, the fuller VisualEditor software architecture is said to presuppose a fuller Parsoid markup than what might be desirable in order to be bootstrapped quickly when a user chooses to initiate editing on a longer document, especially on mobile devices. If the current reading DOM already had all the markup, the VisualEditor software architecture is said to presuppose a fuller Parsoid markup than what might be desirable in order to be bootstrapped,part of this bootstrapping cost could likely be avoided. so the current bootstrapping-on-demand model can be a bit slower than if the the current DOM already had all the markup.But downloading the full Parsoid output on mobile devices is questionable; But this can probably be addressed in one of several matters:alternative approaches may include: (1) when there is a strong signal that the user may be predisposed to edit (e.g., logged in with edits), for reading actually get the full Parsoid markup when the connection profile and device/UA characteristics strongly signal the reading experience will still be performant (but do apply transforms to simplify the layout for reading anyway), (2) inform the user when transitioning into editing mode that it will take a while to load (and offer a graceful cancel button in case loading is actually taking too long), or (3) adapt VE to lighterweight markup, probably on some sort of section-by-section basis (there are a number of technical challenges and UX tradeoffs that follow).
** Smaller targeted tasks may be better many form factors, particularly really small ones.
** Touch interface-oriented tasks may also be better suited to various mobile form factors (e.g., object relational modeling or gesture based moderation, subselection, and filtering, (2)tasks).