我想知道是否有任何方法可以控制浏览器绘制,例如我想首先加载页面顶部的元素,以便用户可以立即看到内容。页面底部的元素可以最后加载,因为用户在向下滚动之前不会看到它们。
我正在寻求优化我的网站,该网站目前的加载时间为 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 http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)