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