Javascript Bokeh静态HTML文件需要10分钟才能加载-性能改进

Javascript Bokeh静态HTML文件需要10分钟才能加载-性能改进,javascript,python,html,json,bokeh,Javascript,Python,Html,Json,Bokeh,我有一些使用Bokeh创建的静态HTML文件-它们不超过2MB。(这可能会增加到5 MB)。。它们需要很长时间才能加载,在大多数情况下不会加载。我能做些什么来加快速度?我在Ubuntu和Windows上使用最新的浏览器——chrome、firefox等。创建这些文件非常快 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title&g

我有一些使用Bokeh创建的静态HTML文件-它们不超过2MB。(这可能会增加到5 MB)。。它们需要很长时间才能加载,在大多数情况下不会加载。我能做些什么来加快速度?我在Ubuntu和Windows上使用最新的浏览器——chrome、firefox等。创建这些文件非常快

 <!DOCTYPE html>
 <html lang="en">
 <head>
      <meta charset="utf-8">
      <title>XXXXXX</title>

<link rel="stylesheet" href="https://cdn.bokeh.org/bokeh/release/bokeh-0.12.4.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-0.12.4.min.css" type="text/css" />

<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-0.12.4.min.js"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-0.12.4.min.js"></script>
<script type="text/javascript">
Bokeh.set_log_level("info");
</script>
    <style>
      html {
        width: 100%;
        height: 100%;
      }
      body {
        width: 90%;
        height: 100%;
        margin: auto;
      }
    </style>
</head>
<body>

    <div class="bk-root">
        <div class="bk-plotdiv" id="503165fc-0c33-4335-b1f2-f0cc6beb5370"></div>
    </div>

    <script type="text/javascript">
        (function() {
      var fn = function() {
        Bokeh.safely(function() {
          var docs_json = {"f23fa3d5-8abc-40b1-9ff6-f129bed85cc4":{"roots":{"references"

XXXXXX
设置日志级别(“信息”);
html{
宽度:100%;
身高:100%;
}
身体{
宽度:90%;
身高:100%;
保证金:自动;
}
(功能(){
var fn=函数(){
Bokeh.safety(函数(){
var docs_json={“f23fa3d5-8abc-40b1-9ff6-f129bed85cc4”:{“根”:{“引用”
很多json

          Bokeh.embed.embed_items(docs_json, render_items);
        });
      };
      if (document.readyState != "loading") fn();
      else document.addEventListener("DOMContentLoaded", fn);
    })();

    </script>
</body>
Bokeh.embed.embed_项(docs_json,render_项);
});
};
如果(document.readyState!=“加载”)fn();
else文件。添加了EventListener(“DOMContentLoaded”,fn);
})();

示例输出?如果太大,你可以尝试使用pastebin服务。另外,HTML生成器中的一些Python代码示例?嗯,可能是
大量json
的问题——浏览器要处理的对象太多了。相关:我认为最多有10k个数据点需要绘制?我认为除了真正的benchm之外,没有其他办法解决这个问题ark和profiling。在Firefox上,您可以打开
about:memory
来检查内存使用情况。有10k个点,每个点都有路径、形状,可能还有透明度等,因此所需的资源可能非常高。也许对要显示的数据进行下采样可能会有所帮助。当您有大量数据要显示时,您可能希望首先查看在没有数据的页面上添加广告,并在稍后请求时提供数据,以显示链接“加载…”。使用bokeh服务器应用程序可以使事情变得更简单,但由于加载的是静态html页面,因此可以在
CustomJS
回调函数中包含
XMLHttpRequest