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 req

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>