Has anyone here tried optimizing initial page load by including the json data passed to various templates as part of the page, rather than making a separate request to get the data?

for example, what i've been doing is using a server side template write out the clientside templates and initial json data used by the clientside templates:

  <script type="text/javascript">
    var viewModel = {{- JSON.stringify(viewModel); }};
  </script>