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) &&
+        // Need to exclude routes that correspond to 'non-sectioned' children of
+        // ADVANCED, otherwise tryTransitionToSection_ will recurse endlessly.
+        currentRoute != settings.Route.CLEAR_BROWSER_DATA &&
+        currentRoute != settings.Route.TRIGGERED_RESET_DIALOG &&
+        currentRoute != settings.Route.RESET_DIALOG) {

[Dan Beam, 2017/03/21 00:29:26]

can you do this without calling out specific routes?  or maybe make a
settings.isNavigableDialog() that takes a route?

[dpapad, 2017/03/21 00:54:51]

Done.

[Dan Beam, 2017/03/21 01:54:16]

is it OK that children of BASIC are included in this?

[dpapad, 2017/03/21 05:36:36]

Yes should be fine, because the 1st part of the condition already returns false
when currentRoute is a not a child of ADVANCED.

+      promise = this.$$('#advancedPageTemplate').get();
     }
 
     // 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,
 ];