javascript - 是否可以指示浏览器首先绘制页面的哪些元素？

Question

我想知道是否有任何方法可以控制浏览器绘制，例如我想先在页面顶部加载元素，以便用户可以直接看到内容。页面底部的元素可以最后加载，因为用户在向下滚动之前不会看到它们。

我希望优化我的网站，该网站目前的加载时间为 6 秒，我希望将其缩短至 1 秒。这主要是由 JS 和图像引起的。我知道减少这两者意味着我不需要担心指导绘画，但出于兴趣我只是想知道这是否可能？

抱歉，如果我对浏览器绘画的理解非常基础

Answer 1

没那么难。你所需要的只是ajax。加载初始标记，然后通过 ajax 加载页面的其余部分。

只需加载您最初想向用户显示的带有少量标记的页面。然后当用户向下滚动时，您可以进行 ajax 调用并获取 xml 或 json 或 html 文件并将它们呈现在您的页面上，例如:

$(window).on( "scroll" , function() {

 var $document = $(document);
 var $window = $(this);

 if( $document.scrollTop() >= $document.height() - $window.height() - 400 ) {
    //make ajax call here and load the data
 }

 });

另请阅读 this