I have a shortcode that takes a while to return all the queries and therefore makes the page slow to load. I would like to load the page, with a placeholder. Something like this. I doubt its possible but worth a shot, as it would be an intensive task to write the queries using jquery.
Something along the lines of
<div id="my-widget">
<div class="loader"></div>
</div>
and
<script>
$(document).ready(function() {
$.ajax({
success: function(data) {
.html('<?php echo myshortcode; ?>');
}
$('#my-widget').html(div);
});
</script>