Polymer 1: Prevent iron-pages/app-route from attaching all pages at load

Question

I am using Polymer 1 app-route with iron-pages like in the examples and starter-kit . I find that all elements are attached on page load. This causes quite abit of slow down at start. How can I prevent this?

Answer 1

Polymer Staret Kit v2 which is based on the the PRPL pattern supports lazy loading of routes. You can use importHref together with an observer on a route change to lazy load pages for iron-pages . See here for code sample

Answer 2

您也可以使用iron-lazy-ages ，当您更改到其端点的route时会加载页面。