MD Settings: Lazy load the contents of the "advanced" settings.

chrome/browser/resources/settings/settings_page/main_page_behavior.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * Responds to route changes by expanding, collapsing, or scrolling to sections
  * on the page. Expanded sections take up the full height of the container. At
  * most one section should be expanded at any given time.
  * @polymerBehavior MainPageBehavior
  */
@@ skipping 98 matching lines @@
       } else {
         // Scroll to top while sliding to another subpage.
         this.scroller.scrollTop = 0;
       }
     } else if (currentSection) {
       // Expand the section into a subpage or scroll to it on the main page.
       if (currentRoute.isSubpage())
         promise = this.expandSection_(currentSection);
       else if (scrollToSection)
         currentSection.scrollIntoView();
+    } else if (settings.Route.ADVANCED.contains(currentRoute)) {
+      promise = new Promise(function(resolve) {
+        this.$$('#advancedPageTemplate').get().then(resolve);
+      }.bind(this));

[Dan Beam, 2017/03/17 00:30:05]

does this work

promise = this.$$('#advancedPageTemplate').get();

[dpapad, 2017/03/17 20:53:55]

It does. Done.

     }
 
     // When this animation ends, another may be necessary. Call this function
     // again after the promise resolves.
     if (promise)
       promise.then(this.tryTransitionToSection_.bind(this, scrollToSection));
   },
 
   /**
    * If the current animation is inconsistent with the current route, stops the
@@ skipping 175 matching lines @@
     return /** @type {?SettingsSectionElement} */(
         this.$$('settings-section[section="' + section + '"]'));
   },
 };
 
 /** @polymerBehavior */
 var MainPageBehavior = [
   settings.RouteObserverBehavior,
   MainPageBehaviorImpl,
 ];