※ 引述《pcmangood (pcman好)》之铭言： : 我的意思是，我想知道我blog哪个元素开启的最慢， : 到底是什麽东西在拖垮浏览速度。 : 我自己的原则是我不放音乐、不放大图、不放奇怪的flash等等， : 换句话说我希望blog能兼具内容与浏览速度， : 而我也试图在美观与速度间取得平衡，不过成效看来似乎不怎样。 : 我放网志元件的空间是hinet的个人网页空间， : 不论图片或.js档都放那边，对台湾网友而言应该不算慢， : 我使用的网路是Hinet 10M/2M，可是还是觉得开自己的blog开很慢。 : 我是个很没有耐心的人，倘使站台开启的慢，就算他内容再好我也懒得看， : 所以自然也不希望自己的blog开很慢，让人懒得点，等了就火大…… : 因此我想请问，有没有办法可以测出哪个档案拖我开启时间呢？ : :╔══════════════╗╔壹》请使用FireFox浏览器以达最佳浏览效果。 :║http://liohimo.blogspot.com/║╠贰》如有乱码请将编码改为UTF-8。 :╚══ 欧蒐雷米欧的部落格 ══╝╚参》站名就叫「没有网页可以显示」(′︹`)y=~ 研究了一阵，顺便整理一下查到的相关工具.... 1' Web Page Analyzer http://www.websiteoptimization.com/services/analyze/ 这个可以分析读取不同物件（如图档、JavaScript）所耗费的时间， 并建议需改善的部份。 它指出读取图档和js较久。 不过这是美国的网站，所以表示的是从美国读取该网页的状况.... Pingdom Tools http://tools.pingdom.com/ 这个可以以时间轴显示各元件读取时间。 不过这是瑞典网站，同样有上述状况。 图档是放在国内hinet，国内读取速度应快，那问题应该是在js。 2' 我用 Firefox 套件 "lori (Life-of-request info)" 计算总网页读取状况， https://addons.mozilla.org/zh-TW/firefox/addon/1743 读取总网页约需 12 秒。网页有 80 requests。 取消 js 後约需 2 秒。网页有 37 requests。 足以相信大多数时间是耗在 js 上。 3' 到底是哪个 js 在慢呢？要查询本地端读取各元件的时间， 可用的工具是 Firefox 套件 "Firebug" https://addons.mozilla.org/zh-TW/firefox/addon/1843 据说这套件很强大，不过操作介面有点 unfriendly... 在该网页分页，从工具→Firebug→开启 Firebug →主控台分页→enable Network monitoring 就可从网路分页看到读取过程的图...也可选择只看 HTML, CSS, JS 或 Images 等部份 我不太懂怎麽完整解读这结果 不过我想就是 js 太多了 Firebug 官方文件（http://getfirebug.com/net.html）特别指出， JavaScript 档案一次只读一个（而不是同时读很多个） 所以参考 JS 读取过程图来调整 js 的顺序， 有助於避免不重要物件拖延了主要内容的读取。 该图明显表示从第4个js（近期文章）之後的 js 读取速度都颇慢，与实际经验符合。 结论....js 不要放太多......这其实应该已经是老生常谈了 或者参考下文建议吧（例如把 js 都放到网页底部） http://blog.miniasp.com/post/2008/06/Dont-let-JavaScript-Slow-down-your-website.aspx ps.我用的是 Hinet 网路, 浏览器 Firefox 3.0.1 -- ╭— ╮ 使用 wordpress.com 部落格服务的心得笔记..... http://randle.wordpress.com/2007/12/27/wordpress-com/ ╰ -R ╯ --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 218.168.201.142 ※ 编辑: randle 来自: 218.168.200.146 (08/14 21:48)