Posts Tagged ‘ Plugin

[瀏覽器] 我所使用的Chrome、Chromium擴充功能

最近投入了google browser的陣營,也就是開始使用了Chrome這瀏覽器,不用還好,一試驚人,在正常瀏覽上便可感受到頁面開啟的順暢,所以花了一點時間,找了些plugin讓使用的習慣趨近於firefox,因為我個人是googleToolbar的重度使用者,所以如下外掛主要是讓功能盡量相同,如有更好用的外掛也歡迎留言討論。

01.AutoCopy – 在畫面上選取文字時就自動複製

02.AutoPager Chrome – 自動載入下一頁

03.Better Gmail (Unofficial) – 強化gmail功能,如隱藏廣告,選取郵件時高亮度表示等…

04.Clickable Links – 將文字格式的連結轉換為超連結

05.Google Dictionary (by Google) – 雙擊網頁文字時會查詢字典

06.Google Mail Checker Plus – 確認gmail是否有新信件及預覽功能

07.Google Reader Notifier (by Google) – 確認google reader是否有新文章及預覽功能

08.IE Tab – 在chrome上也可用ie核心瀏覽網頁

09.Search Box – 提供搜尋欄位,並可自訂搜尋引擎

10.Show Just Image – 可以移除某些圖片空間內的廣告連結,並直接擷取圖像

11.TooManyTabs for Chrome – 標籤管理外掛,並可記憶關閉的分頁

12.書籤樹 – 在Chrome的工具列上提供書籤的按鈕

    因目前Chrome也支援了greasemonkey的user script功能,所以我也安裝了部份的js來強化。

    01.Intermediate Site Bypasser – 可直接略過一些靠轉址網賺的空間

    02.Google Reader New Style Minimalistic – 讓google reader版面清新,提供更好的閱讀排版,及隱藏廣告

      [WP-Plugin] 三款圖片特效外掛比較

      這次網站的改版中,也順便花了點時間找尋適合的外掛,畢竟裝了太多的外掛,也是會影響速度的。在原本blog中有安裝了影片插入及圖片特效的程式,但影片插入的功能對我來說是鮮少用到,但也不得不用,所以這次尋找替換的重點就是,擁有圖片特效及影像插入功能的外掛程式。下列就是包含兩種功能特效外掛。

      Shadowbox Js – 支援SWF及FLV,比較特殊的是此款可支援WMV的格式,還有部份知名的線上影像網站。而此plugin有一個小小的缺點,就是在插入youtube這類的連結時,只能用文字超連結的方式來呈現,而沒辦法像一些影像外掛般將畫面插入至文章中。記得在較早之前的版本可從後台更換skin,而現在的版本必需要手動新增了。在後台的設定中有Music的設定,不過我嘗試插入mp3及wma格式的檔案,外掛的player並沒有動作,如果有試出來的朋友,也煩請指點一下。

      Floatbox Plus – 這款也是目前站上正使用中的外掛,比較上述功能的話是多出圖片自動放大、縮小的功能,也就是說較大的圖片在顯示時,會有放大鏡的選項來讓你對圖片進行上述動作。比起上述此外掛有支援Sliverlight格式的功能。而另一項個人覺得蠻喜歡的功能就是「影像插入」的按鈕,會自動新增到可視化模式中,只需填入Video ID就會自動幫你將影片新增至文章中,完全適合我這種懶人。而這款外掛比較特殊的是,需要申請授權碼,僅限於「非商業用途」,如不申請也可以使用,但會跳出相關的提示訊息。

      Lightview Plus – 在蠻早之前就有介紹過此外掛,功能面也與Shadowbox JS差不多,一樣無法撥放Sliverlight,但也有可視化模式的影片插入按鈕功能,在安裝時,需自行下載Lightview安裝至外掛資料夾內。

      其實此類插件的功能基本上都是大同小異,只有些微的差異而已,青菜蘿蔔各有所好,任君挑選,不過在測試的過程當中,有的theme會沒辦法載入特效,並沒有深入的去研究是何原因造成,但您如果不需特殊功能,只需要簡單的圖片特效的話,hugo會推薦shutter reloaded,載入速度快,並不會有佈景衝突的問題。如各位有任何的問題或者如要推薦更好的外掛,也歡迎留言。

      Google XML Sitemaps 3.1.3 正體中文語系

      原中文化作者一直沒有更新,所以動手新增了一些字串,原本在上一版本就修正好了,不過直到今天外掛更新才發現,原來我都沒把語系貼出來,自己一直用的很開心 xD

      程式畫面
      Read more

      PHP Speedy – 加速WP頁面載入速度

      前幾天看到一篇關於如何優化WP的文章「13 Great WordPress Speed Tips & Tricks for MAX Performance」,對其中的PHP Speedy蠻感興趣的,在今天比較空閒的時候,就安裝起來測試一下,果然在載入頁面時有明顯的改善。

      PHP Speedy主要的功能就是把WP裡的css及js檔案合併成一個(css一個,js一個),這種做法會加速頁面的載入,因為檔案越凌散,則載入的時間會越久,反之如單一檔案 (檔案大小相同) 則載入較快,此外掛就是採用此方式來加快頁面讀取時間。下述是我在Pingdom所做的一個簡單測試。

      外掛啟用前
      載入前
      外掛啟用後
      載入後

      由上面的兩張比較圖就可以很明顯看出,PHP Speedy將css及js分別合併為random值的*.php來讓使用者載入。不過光是如此很難說服有加速載入的效果,下面的比較圖有較基本的數據可以參考。

      外掛啟用前外掛啟用後
      載入前載入後

      啟用前與之後載入差了0.4秒,total objects也從18項減少為10項,主要也是此外掛有提供「Gzip」及「Minify (減少多餘的字元)」的功能,讓css及js瘦身,不過因為我的頁面開啟Gzip會變成亂碼,所以我只幫css及頁面瘦身,並沒有開啟完整的壓縮及瘦身功能。接著是在webwait做的測試,也可以從數據看到載入速度的提升。

      外掛啟用前外掛啟用後
      載入前載入後

      此外掛在安裝時沒什麼特別的設定,原文作者提到在與WP Super Cache同時啟用時會有些小問題,不過因為我是使用Hyper Cache兩者看起來似乎相安無事。

      [WP-Plugin] Hyper Cache – 方便快速的快取機制

      自從換到虛擬主機上之後,就沒有使用快取的機制,在前幾天瞎逛的時,看到官方plugin release有個Hyper Cache的外掛,趁著昨晚沒事就一步一步的安裝起來 (聖誕節在家玩WP還真是種悲哀)。

      大略的翻譯了一下在官方上的介紹:

      1. Hyper Cache是一個針對WP的快取系統,特別為了那些較少主機資源的人所撰寫的。
      2. 可以完整的相容於外掛「wp-pda」,可讓行動裝置簡單地來存取你的部落格,並顯示不同的廣告優化主題。
      3. 可管理普通及gzip頁面壓縮,減少頻寬的使用及增加頁面讀取的速度。
      4. 可自動清理快取減少空間的使用量,並可指定時間間隔來移除快取。
      5. 可快取404頁面需求、WP重新指向需求及Feed需求。
      6. 容易翻譯成其它語系。

      「安裝步驟」

      1. 先在wp-config.php裡加入define(‘WP_CACHE’, true);
      2. 將advanced-cache.php放至wp-content資料夾內,並更改資料夾權限為777
      3. 到hyper cache選單將選項「Activate the cache?」打勾
      4. 接下來應該會看到在wp-content底下多出檔案hyper-cache-config.php及資料夾
      5. 上述步驟都無問題的話,將wp-content資料夾權限改回755
      6. 在外掛選單內的「Total cached pages」應該會看到生成的cache頁面總數

      至於詳細的設定可以參考對岸網友Donald所寫的hyper chache相關設定

      「使用心得」

      在使用後,我個人覺得整體的載入效能有提升,下列就是在WebWait所做的測試,由圖可知載入速度整體差了兩秒左右,算是有不錯的效果,不過在安裝此外掛後StatPressCN的統計數據有點小問題,這部份我會再與作者溝通。如還有其它的測速網站,也歡迎提供給我測試。

      http://farm4.static.flickr.com/3039/3140484103_b16b47a156_o.pnghttp://farm4.static.flickr.com/3086/3141311780_9728b99ba8_o.png