当前位置: 首页 > news >正文

如何避免TiddlyWiki变慢

2007-07 开始用 TiddlyWiki 制作每周的会议记录, 从一开始的 500KB (TiddlyWiki 本身的 320KB 再加上外挂), 累积到现在 710KB 大约一百多篇 文章 (tiddler), 渐渐觉得 TiddlyWiki 有变慢的迹象, 主要发生在两种情境 :
浏览器一开始载入 TiddlyWiki 的 HTML 档案 
编辑或新增任何一篇 文章 (tiddler) 
.
上网搜寻关键字 TiddlyWiki Slow 之后, 发现两篇文章 :
How big can my file get before it gets too slow/doesn't work? ( tiddlywiki.org/wiki) Tips for speeding up performance on large TiddlyWikis (2007-07-05)
 
这两篇文章的重点大致相同, 由此可知确实有人遇到“TiddlyWiki 变慢”的问题, 而且也已经有公认的解决方法。
经过实验, 我建议采用下面两种方法 :
关闭“动画显示” 
不要显示“最近更新”
 
关闭“动画显示”---- disabling animations 
“动画显示”的开关, 在 TiddlyWiki 右侧边栏的“偏好设定”, 而这一项也是我从一开始使用 TiddlyWiki 就采用的方法。
只是, 所有“偏好设定”都是存放在“浏览器的 Cookie”---- 包括“动画显示”在内 ----, 所以 换了一台电脑 或是 同一台电脑的不同浏览器, 或是 Cookie 遗失, 就得要再重新设定一次。
目前还在寻找“储存在档案里头”的“永远关闭动画显示” 的设定, 以便一劳永逸。

不要显示“最近更新” 
“最近更新”也在 TiddlyWiki 的右侧边栏, 它会显示依修订日期排序的文章列表。而叫它“最近更新”其实有点“名不符实”, 因为它显示的其实是依修订日期排序的“所有文章列表", 所以当文章数量变多时, 这个"最近更新"就会变成一条巨龙, 而且是"一条动态更新的巨龙"。不仅浏览器一开始载入 HTML 档案时, 需要花不少时间捞出资料来排序出这一条巨龙; 而且编辑或新增任何一篇文章 (tiddler) 时, 也同样要花时间来"动态更新这一条巨龙"。
所以, 前面提到那两篇文章的建议都是"不要显示最近更新"。而在作法上又可以细分成下面几种 :
直接把"最近更新"和"全部"从右侧边栏拿掉 
改变右侧边栏的排序, 使得一般场合显示"预设文章"或其他内容 
将右侧边栏的下半部"收合起来", 需要时再打开 (详情见 Tips for speeding … 的最末段)
 
比较 TiddlyWiki  载入内容的时间 
为了比较每一种作法的改善幅度, 我依照  How big can my file get … ? 的说明, 打开后台选项, 让 TiddlyWiki 显示载入内容所花的时间
从右侧边栏的"偏好设定"开始, 
点选"偏好设定"最下面的"进阶选项" 
勾选 选项表格 下方的"显示未知选项" 
勾选 chkDisplayInstrumentation 
** 请留意这个设定是存放在"浏览器的 Cookie" , 所以改了设定之后, 不一定要存档, 只要关闭目前的 TiddlyWiki, 下次就会在右上角看到载入内容所花的时间,
=> 由测试结果可以得知 :
"最近更新"、"全部"、"分类"和"预设文章"都是 动态文章, 都需要一些额外的处理时间, 只是"分类"和"预设文章"内容较少, 所需的时间也比较少。 
这些动态文章只有显示的时候才会占用时间, 所以它们只要不是预设显示即可, 不一定要从右侧边栏删除 
如果以缩短载入时间为目的, 最好的方法是在右侧边栏的下半部显示"静态文章"或"收合起来".
单位都是:ms
Tiddler(1) 显示“最近更新”(2)显示“分类”(3)显示“预设文章”(4) 显示“静态说明”
 原始直接把“最近更新”和“全部”从右侧边栏拿掉。保留“最近更新”和“全部”,但是调换页签的顺序, 让载入时显示“预设文章”同左, 但是载入时显示另外增加的“静态说明”
LoadShadows4655
LoadFromDiv402407406411
LoadPlugins146140144150
Notify929600329280
Restart1223778508440
Macro init0000
Total2720194714081302
(1) 原始的 SideBarTabs 如下
SideBarTabs : 
<&lt;tabs txtMainTab "最近更新" "依更新日期排序" TabTimeline "全部" "所有文章" TabAll "分类" "所有标籤" TabTags "更多" "其他" TabMore>&gt;
(2) 直接把"最近更新"和"全部"从右侧边栏拿掉 =&gt; 让载入时显示"分类"。 
** 因为"分类"也是动态文章, 但内容较少, 所以稍省了一点时间。
SideBarTabs : 
<<tabs txtMainTab "分类" "所有标签" TabTags "更多" "其他" TabMore>>
(3) 保留“最近更新”和“全部”, 但是调换页籤的顺序 =&gt; 让载入时显示“预设文章”。 
** “预设文章”("shadowed tiddler tab"或"Shadow Tiddlers") 同样还是动态文章, 但内容更少, 所以又再省了一点时间。
SideBarTabs : 
<<tabs txtMainTab "更多" "其他" TabMore "最近更新" "依更新日期排序" TabTimeline "全部" "所有文章" TabAll "分类" "所有标签" TabTags>>
(4) 同(3), 但是载入时显示另外增加的“静态说明” 
** "管理" 和前面的 "更多" 是同一个分页, 被移到最前面当作预设的分页, 叫它 "更多" 有点怪, 于是改名。另外再到 TabMore 增加一个“静态说明”页。
SideBarTabs : 
<<tabs txtMainTab "管理" "管理文章" TabMore "最近更新" "依更新日期排序" TabTimeline "全部" "所有文章" TabAll "分类" "所有标籤" TabTags>>
TabMore : 
<<tabs txtMoreTab "说明" "参考资料" TW_HELP "未完成" "内容空白的文章" TabMoreMissing "未引用" "未被引用的文章" TabMoreOrphans "预设文章" "已预设内容的隐藏文章" TabMoreShadowed>>
加速TiddlyWiki 运行的其他选项 
下面还有其他 加速 TiddlyWiki 运行 的选项, 但“不见得适用于每一个人”就是了 ……
调整使用的套件 (plugin) 
开启“预设文章”- PluginManager, 可以看到每个 plugin 的大小和载入时间, 再依此调整使用的套件。在我自己这边, plugin 载入时间 都在 0 ~ 5ms, 所以下面提到的“使用外部 js 档的方式安装套件”, 看来就没有这么迫切的需求。
文件体积822K,变得特慢 
2.移除非必要套件、尽可能使用外部 js 档的方式安装套件 
于 MarkupPostBody 宣告欲载入的套件: 
<script type="text/javascript" src="/pathto/YourPlugins.js"></script> 
调整存档方式 
偏好设定的“储存备份”和“自动存档”这两项, 也会影响 TiddlyWiki 运作的效能, 但和“文件保全”比起来如何取舍, 就没有一定的答案了。














本文转sinojelly51CTO博客,原文链接:http://blog.51cto.com/sinojelly/201364 ,如需转载请自行联系原作者

相关文章:

  • 山寨一个 Promise
  • 重写、覆盖、重载、多态几个概念的区别分析
  • Ankara prefabrik evler
  • oracle 简单SQL
  • 快速安装配置zabbix_agent端
  • hdu 1754:I Hate It(线段树,入门题,RMQ问题)
  • Unity加载模块深度解析(Shader篇)
  • Android自带SipDemo详解 4
  • nodejs小问题拾遗
  • 李寒峰:微信支付-无法阻挡的生活潮流
  • 20.34 批量远程执行命令
  • Linux hosts.allow与hosts.deny文件设置
  • 来分享一个我自己写的HTML模板引擎,Leopard
  • VS2010下静态链接FreeImage
  • 网站开放平台发布-开创应用个人创业
  • JS中 map, filter, some, every, forEach, for in, for of 用法总结
  • __proto__ 和 prototype的关系
  • 「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制
  • 【mysql】环境安装、服务启动、密码设置
  • 2017 前端面试准备 - 收藏集 - 掘金
  • 2018以太坊智能合约编程语言solidity的最佳IDEs
  • Angular 4.x 动态创建组件
  • ECMAScript入门(七)--Module语法
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • Kibana配置logstash,报表一体化
  • nginx(二):进阶配置介绍--rewrite用法,压缩,https虚拟主机等
  • quasar-framework cnodejs社区
  • Spring Boot MyBatis配置多种数据库
  • vue+element后台管理系统,从后端获取路由表,并正常渲染
  • WinRAR存在严重的安全漏洞影响5亿用户
  • 复杂数据处理
  • 通过获取异步加载JS文件进度实现一个canvas环形loading图
  • 学习Vue.js的五个小例子
  • 智能合约Solidity教程-事件和日志(一)
  • Nginx惊现漏洞 百万网站面临“拖库”风险
  • ​软考-高级-信息系统项目管理师教程 第四版【第14章-项目沟通管理-思维导图】​
  • ​用户画像从0到100的构建思路
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • $.ajax()
  • $.type 怎么精确判断对象类型的 --(源码学习2)
  • (1)(1.19) TeraRanger One/EVO测距仪
  • (C语言)共用体union的用法举例
  • (Matalb回归预测)PSO-BP粒子群算法优化BP神经网络的多维回归预测
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (解决办法)ASP.NET导出Excel,打开时提示“您尝试打开文件'XXX.xls'的格式与文件扩展名指定文件不一致
  • (力扣题库)跳跃游戏II(c++)
  • (一)80c52学习之旅-起始篇
  • (终章)[图像识别]13.OpenCV案例 自定义训练集分类器物体检测
  • (自适应手机端)响应式新闻博客知识类pbootcms网站模板 自媒体运营博客网站源码下载
  • .NET Core 和 .NET Framework 中的 MEF2
  • .NET 读取 JSON格式的数据
  • .Net接口调试与案例
  • @synthesize和@dynamic分别有什么作用?
  • @四年级家长,这条香港优才计划+华侨生联考捷径,一定要看!
  • [AIGC] 如何建立和优化你的工作流?