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

2024-01-01

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

我正在寻求优化我的网站,该网站目前的加载时间为 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(使用前将#替换为@)

是否可以指示浏览器首先绘制页面的哪些元素? 的相关文章