My scenario: I have multiple elements that all look like this

```
<dom-module is="elm1">
    <iron-ajax id="ajax"></iron-ajax>
</dom-module>

<script>
    Polymer({
        is: "elm1",

        properties: {
            token: {
                type: String,
                observer: "_tokenChanged"
            } 
        },

        _tokenChanged: function() {
            this.$.ajax.url = "someUrl" + this.token;
            this.$.ajax.generateRequest();
        }
    });
</script>

```

Now imagine I have say 10 of these on the page. 

```
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>
<elm1 token="123456"></elm1>

```

That's 10 seperate calls to the exact same endpoint that needs to take place. How can I consolidate it down to just one request that can then be shared between elements? 

My problem is I have too many elements making too many of the same ajax calls to get the exact same data. It's hurting our performance...