部落格簡易優化 - 外部 js 篇
Sep 28th, 2007事實上這篇是補充『部落格簡易優化』這篇用的。
瀏覽器在載入、解析、繪圖是有一定順序的，也就是從網頁的頭(header)、身體(body)...到腳(footer)，這應該不難理解吧？
ok，相信不少人會發覺自己網站載入速度會因為外部 js 而卡住，導致速度變慢、效率變差，但是又不想為此而移除這些 js，該怎麼辦？
一般而言 <script type='text/javascript' src='http://xxx.com/xxx.js'></script> 這樣的語法擺在 <head> 及 </head> 中間，為的是在載入頁面之前預先載入 js 檔，以便在載入頁面之後能順利套用 js 的效果。
但是如果這個 js 不是特別重要，而只是某個 ad 的 script 或者是一些無關痛癢的特效，那麼就可以將這些語法擺在 </html> 後面，等到整個頁面載入之後再去載入這些 js，即便在載入這些 js 還是花很多時間，但是因為頁面已經載入完畢，所以會讓人有種『變快』的錯覺@@
不過有些 js 屬例外的，像是 jquery.js、prototype.js 等 js lib 檔案還是放在 <head> 及 </head> 之間會比較恰當，因為某些 function 還是必須要預先載入的。
另外，如果你的 js 是許多零碎的檔案，建議您將這些零碎的 js 檔案合併在一起，這樣瀏覽器在載入之後便可以一次套用，而不是載入一個、套用一個；要注意的是有些 function 會相衝，在合併以後要記得先測試過喔~
ps. 可以到 Beata 的網站參考她的原始碼。
wp_TinyMCE 2.1.2
Sep 28th, 2007標題承襲上一次發佈的 wp_TinyMCE 命名；這次官方只有小更新(2.1.0 → 2.1.2)，所以變動不大。
排版並沒有太大變革
猶豫了一番，還是沒加上新的 plugin 進去，除了沒有什麼用處之外，就是我太懶XD
檔案下載：wp_TinyMCE 2.1.2 (.7z, 200 KB)
MD5：1037f55aa025859f1c9dd8d1a815f242
含 WP 2.3 完整版：wp23_tinymce212.7z (.7z, 698 KB)
MD5：7c1a5b539a486a792c9a6723b887e675
使用說明：
1.
下載 wp_TinyMCE_212.7z 之後, 將解壓縮出來的檔案上傳、覆蓋 wp目錄/wp-includes/js/tinymce 目錄裡, 接著進入 WP 後台的『個人資訊』設定頁面勾選『使用視覺化編輯器寫文章』選項並儲存設定即可。
若發現文章編輯畫面並無出現新按鈕, 請清空瀏覽器快取檔案, 然後重新進入編輯頁面即可。
2.
下載完整版的人，解壓縮之後就跟 WordPress 官方版本的使用方式一樣。
部落格簡易優化
Sep 28th, 2007很多人喜歡用圖片或 js 的特效，甚至 flash 來讓自己的網站/部落格更酷更炫，但是卻不曉得自己的網站/部落格已經越來越癰腫，使得瀏覽器載入的時候...慢到三條槓(好像某廣告詞@@)。
適當使用圖片、js 特效能讓網站更吸引人，一旦過度使用而變成濫用的時候，就會引起反效果。
當然，圖片多、js 檔案多，隨著瀏覽人數越來越多，相對流量也會越來越龐大，直到流量超出限制。
下面提出幾個簡易的優化方式，也是小弟最常用的方式，減少流量也加快瀏覽速度。
1. 設定 .htaccess 檔案，阻擋暴力 bot 吃掉流量。
2. 使用 CSS Cpmpressor 來替 CSS 檔案減肥。
3. 使用 JavaScript Compressor 來替 js 減肥，但不是每個 js 檔案都適用，有些在壓縮過後會無法使用。
4. 減少圖片數量，由於小弟偏好 png 檔案，因此還會針對 png 圖檔做優化動作。
5. 減少不必要的東西，例如：廣告、聯播...等等。
6. 圖檔、js 檔案外連，將佈景圖檔上傳到外頭的高速免費空間(如：Google Page、微軟 SkyDriver)，再修改佈景中圖檔、js 檔案連結網址，這樣一來讀取圖檔、js 檔案就不會耗費自己主機的流量，省空間又省流量，經濟又實惠XD
總之，越簡潔的網站越方便使用者瀏覽。
歡迎大家補充自己的做法。
ps. 以上大多數的觀念都來自於 Beata，感謝大美女 Beata。
延伸閱讀：
部落格簡易優化 - 外部 js 篇