[webui][ntp] Load background image earlier during startup

Reduces the duration until the background image is loaded
(background-image-loaded metric) from ~312ms to ~112ms (~2.8x
improvement) upon opening a new tab.

This is accomplished by two optimizations:
1. Baking the initial background image URL into the NTP via load time
   data. Thus, no JS has to run to set the URL.
2. Moving the background image iframe out of <ntp-app> into the NTP main
   HTML. Thus, we don't have to wait for Polymer to create the DOM
   before the image load is triggered.

<ntp-app> still owns the business logic controlling the image's
visibility and URL update. <ntp-app> will now communicate those changes
to the BackgroundManager, which in turn manifests those changes into the
DOM, hence abstracting away the ownership of the background image
iframe. The same applies to the background color, which is set on the
body now to keep being behind the background image.

Bug: 1061078
Change-Id: I0151cc52f3bc049238ae321d90106a3c416cc970
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2183482
Commit-Queue: Tibor Goldschwendt <tiborg@chromium.org>
Reviewed-by: dpapad <dpapad@chromium.org>
Reviewed-by: Esmael Elmoslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#767060}
14 files changed
tree: 63fa9f3bb0c48524e3d7d69aba933f59aaf67414
  1. android_webview/
  2. apps/
  3. ash/
  4. base/
  5. build/
  6. build_overrides/
  7. buildtools/
  8. cc/
  9. chrome/
  10. chromecast/
  11. chromeos/
  12. cloud_print/
  13. components/
  14. content/
  15. courgette/
  16. crypto/
  17. dbus/
  18. device/
  19. docs/
  20. extensions/
  21. fuchsia/
  22. gin/
  23. google_apis/
  24. google_update/
  25. gpu/
  26. headless/
  27. infra/
  28. ios/
  29. ipc/
  30. jingle/
  31. media/
  32. mojo/
  33. native_client_sdk/
  34. net/
  35. pdf/
  36. ppapi/
  37. printing/
  38. remoting/
  39. rlz/
  40. sandbox/
  41. services/
  42. skia/
  43. sql/
  44. storage/
  45. styleguide/
  46. testing/
  47. third_party/
  48. tools/
  49. ui/
  50. url/
  51. weblayer/
  52. .clang-format
  53. .clang-tidy
  54. .eslintrc.js
  55. .git-blame-ignore-revs
  56. .gitattributes
  57. .gitignore
  58. .gn
  59. .vpython
  60. .vpython3
  61. .yapfignore
  62. AUTHORS
  63. BUILD.gn
  64. CODE_OF_CONDUCT.md
  65. codereview.settings
  66. DEPS
  67. ENG_REVIEW_OWNERS
  68. LICENSE
  69. LICENSE.chromium_os
  70. OWNERS
  71. PRESUBMIT.py
  72. PRESUBMIT_test.py
  73. PRESUBMIT_test_mocks.py
  74. README.md
  75. WATCHLISTS
README.md

Logo Chromium

Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all users to experience the web.

The project's web site is https://www.chromium.org.

Documentation in the source is rooted in docs/README.md.

Learn how to Get Around the Chromium Source Code Directory Structure .

For historical reasons, there are some small top level directories. Now the guidance is that new top level directories are for product (e.g. Chrome, Android WebView, Ash). Even if these products have multiple executables, the code should be in subdirectories of the product.