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

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

我正在优化网站,目前该网站的加载时间为6秒,我希望将其降低到1秒.这主要是由JS和图像引起的.我知道减少这两个部分将意味着我将不必担心指导绘画,但是出于兴趣我只想知道是否可能?

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

解决方法:

它没有那么困难.您只需要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

上一篇:javascript-Chrome的V8标记功能可反复优化,直到放弃


下一篇:java-如何有效地选择一维和n维空间中的邻居进行模拟退火