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

Pixelomo

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

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

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

奈姆·谢赫(Naeem Shaikh)

它不是那么困难。您只需要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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

是否可以与浏览器进行通讯以禁用“检查元素”

来自分类Dev

哪些js插件可以在浏览器中绘制身体部位?

来自分类Dev

使用JS,是否可以检测浏览器窗口中的哪些文本?

来自分类Dev

哪些(移动)浏览器允许页面标题的样式?

来自分类Dev

哪些(移动)浏览器允许页面标题的样式?

来自分类Dev

在特定页面的浏览器中打开PDF

来自分类Dev

页脚不会转到浏览器页面的最底部

来自分类Dev

AngularJS可以使用哪些浏览器?

来自分类Dev

WPF XAML浏览器应用程序(XBAP)是否可以在Android和Windows Phone浏览器上运行?有哪些选择?

来自分类Dev

HTML:您是否可以从浏览器查找(CTRL + F)中隐藏/忽略文本元素

来自分类Dev

HTML:您是否可以从浏览器查找(CTRL + F)中隐藏/忽略文本元素

来自分类Dev

是否有更多的HTML元素会占用浏览器本来可以用于JavaScript的内存?

来自分类Dev

我怎么知道页面是否在浏览器中运行?

来自分类Dev

浏览器中运行的代码是否可以通过 about:flags 更改浏览器的配置

来自分类Dev

是否可以为没有索引文件(html / php)的目录修改浏览器生成的默认“索引”页面?

来自分类Dev

是否可以使用.desktop文件通过浏览器在特定页面上打开本地pdf文件?

来自分类Dev

是否可以在Ruby Shoes中打开浏览器窗口?

来自分类Dev

WPF是否可以编写Internet浏览器的可用内容?

来自分类Dev

是否可以在浏览器中使用路径模块?

来自分类Dev

是否可以通过okHttpClient模仿浏览器?

来自分类Dev

Cookie是否可以在不同的浏览器中持久保存?

来自分类Dev

是否可以在浏览器中停止JavaScript重定向?

来自分类Dev

启动浏览器时是否可以打开多个网页?

来自分类Dev

是否可以通过移动浏览器触发Android服务?

来自分类Dev

是否可以使用JNLP安装浏览器

来自分类Dev

为什么 html 页面的主体在 Edge 和 IE 中没有扩展到全宽,但对所有其他浏览器都可以?

来自分类Dev

哪些浏览器需要数据前缀?

来自分类Dev

哪些浏览器支持javascript常量?

来自分类Dev

哪些浏览器支持javascript常量?

Related 相关文章

  1. 1

    是否可以与浏览器进行通讯以禁用“检查元素”

  2. 2

    哪些js插件可以在浏览器中绘制身体部位?

  3. 3

    使用JS,是否可以检测浏览器窗口中的哪些文本?

  4. 4

    哪些(移动)浏览器允许页面标题的样式?

  5. 5

    哪些(移动)浏览器允许页面标题的样式?

  6. 6

    在特定页面的浏览器中打开PDF

  7. 7

    页脚不会转到浏览器页面的最底部

  8. 8

    AngularJS可以使用哪些浏览器?

  9. 9

    WPF XAML浏览器应用程序(XBAP)是否可以在Android和Windows Phone浏览器上运行?有哪些选择?

  10. 10

    HTML:您是否可以从浏览器查找(CTRL + F)中隐藏/忽略文本元素

  11. 11

    HTML:您是否可以从浏览器查找(CTRL + F)中隐藏/忽略文本元素

  12. 12

    是否有更多的HTML元素会占用浏览器本来可以用于JavaScript的内存?

  13. 13

    我怎么知道页面是否在浏览器中运行?

  14. 14

    浏览器中运行的代码是否可以通过 about:flags 更改浏览器的配置

  15. 15

    是否可以为没有索引文件(html / php)的目录修改浏览器生成的默认“索引”页面?

  16. 16

    是否可以使用.desktop文件通过浏览器在特定页面上打开本地pdf文件?

  17. 17

    是否可以在Ruby Shoes中打开浏览器窗口?

  18. 18

    WPF是否可以编写Internet浏览器的可用内容?

  19. 19

    是否可以在浏览器中使用路径模块?

  20. 20

    是否可以通过okHttpClient模仿浏览器?

  21. 21

    Cookie是否可以在不同的浏览器中持久保存?

  22. 22

    是否可以在浏览器中停止JavaScript重定向?

  23. 23

    启动浏览器时是否可以打开多个网页?

  24. 24

    是否可以通过移动浏览器触发Android服务?

  25. 25

    是否可以使用JNLP安装浏览器

  26. 26

    为什么 html 页面的主体在 Edge 和 IE 中没有扩展到全宽,但对所有其他浏览器都可以?

  27. 27

    哪些浏览器需要数据前缀?

  28. 28

    哪些浏览器支持javascript常量?

  29. 29

    哪些浏览器支持javascript常量?

热门标签

归档