我想知道是否有任何方法可以控制浏览器的绘制,例如,我想先在页面顶部加载元素,以便用户可以直接看到内容.页面底部的元素可以最后加载,因为用户只有向下滚动才能看到它们.
我正在优化网站,目前该网站的加载时间为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