我有一些页面显示很多图像(很小,但仍然很多)。
我有两种首先显示页面子集的方法,因此用户不必等待整个 shebang 下载后才能看到页面上的任何内容,然后将其替换为 .json 中的所有内容通过 jQuery 解析的文件。
起初,我是这样做的:
var placeholderForOscars = "<div class=\"yearBanner\">2012</div><section class=\"wrapper\" ><a id=\"mainImage\" class=\"floatLeft\" href=\" . . . (etc) </section>";
$('#MoviesContent').html(placeholderForOscars);
getMovies('Content/oscars.json');
...但后来我认为将数据放在文件中的“占位符”var中并这样做会更快/更优雅:
$('#MusicContent').load('Content/grammies.html');
getMusic('Content/grammies.json');
IOW,在这两种情况下,我都将第一页左右的 html 放在页面上,然后用所有数据替换它(在它被旋转/解析并变成 html 之后)。
我预计第二种方法会更快,但是在页面加载之前会有延迟,就像我根本没有调用 load() 一样。我做错了吗,或者加载速度比我原来的方法慢?