我想知道是否有任何方法可以控制浏览器的绘制,例如,我想先在页面顶部加载元素,以便用户可以直接看到内容。页面底部的元素可以最后加载,因为用户只有向下滚动才能看到它们。
我正在优化网站,目前该网站的加载时间为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
}
});
另请阅读本
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句