[News] How Fast Is Your Site? Measure It With Google’s Page Speed Online

原文 From TechCrunch , Image Credit

在 2011/03/31 的時候 Google 發佈了一個新的玩具叫做「Page Speed Online」,它提供了一個快速又簡單的方法來測量連結你的個人網站時的速度。原本這個功能是要透過 Google Chrome 的擴充功能才能夠測試的,不過現在 Google Labs 發佈了一個全新的方式,讓你在任何地方都可以分析你的網站並接受最即時的回饋資訊供你參考,讓你知道要如何調校網站並使其變得更快。

雖然在網路上有各式各樣的工具,不過它們都只有測量伺服器回應速度(Server Response Time),而且測量結果也和真實情況有所落差,都不夠正確。例如說速度極快的伺服器可能在極短的時間內就能夠回傳 HTML ,不過您的網站訪客可能還是要花許多時間在等待圖片的下載或是 Javascript 的執行。相較之下,Page Speed Online 使用了以 webkit 核心為基礎的輸出呈現器(Renderer)來測量所有網站上的元件的效能。

Page Speed Online 非常容易使用,只要在它的頁面下輸入你的網址就可以得到即時的建議回饋,告訴你要改進網站上的哪些部分來提昇效能。而 Page Speed Online 會給你的網站一個分數(滿分是 100 分),而分數的高低則取決自其建議出現的優先順序。除此之外,Page Speed Online 還可以從行動裝置的角度來測量效能,提供不同的效能提昇建議,這是因為行動裝置的 CPU 多比桌機的 CPU 無力,所以在評分上著重的部分就會有所不同。

效能是一個非常重要的關鍵,因為我們都知道,每個人都會把挫折感和等待網頁載入的時間聯想在一起,所以網站的擁有者特別需要關注效能的問題。近年來「盈收和網站連線速度之間的關聯性」一直不斷的被人們提出、強調。改進網站效能是一個提昇 網站瀏覽量(Pageviews)網站轉換率(Conversions)還有銷售率(Sales)最簡單的方法。以下提供幾個實例以供參考:

  • Yahoo 發現 400 (ms) 的改善能夠提昇 9% 的 pageviews
  • Firefox 減少了 2.2 (s) 的平均頁面載入時間就提昇了 15.4 % 的 download conversions
  • Shopzilla 減少了 5 (s) 的載入時間就提昇了 25 % 的 pageviews 還有 7 ~ 12 % 的盈收

Google 一直都致力於讓整個網路變得更快速,這不只是因為它是最快速的搜尋引擎,還因為它在它的排名演算法中引入了網站速度來當做評比的其中一個因素,以鼓勵其它網站也變得更快。而創投家 Fred Wilson 也在一文中提到「網站的連線速度」是創業者必需考慮的首要目標

【評】
剛看到這個玩具的時候感覺還蠻新鮮的,因為以前的檢測工具都只有做到效能的評比,提供了一堆搭配專有名詞的數據給你,而你卻不知道要從何下手去做改進,有種幫忙只幫一半的感覺,比完全沒幫忙還糟。但是 Page Speed Online 就不一樣了,(下圖是我檢測 http://eragonj.hax4.in 的結果),從圖中可看出拖累效能的各種因素,以重要程度由大到小排序,如此一來我就可以知道就我網誌來說,我最需要解決的就是圖片的問題。

而 Page Speed 也很貼心的為我找出產生問題的頁面並提供改善的方法,甚至是為我計算出可以節省的頻寬,真的是非常的方便。

這個小工具其實對於 startup 來說非常的重要,因為就像 Fred Wilson 所說,「網站的連線速度」是創業者必需考慮的首要目標,如果初期就因為 loading 的問題讓 visitors 留下不好的印象,那網站做的再棒、再豐富也是惘然。如果大家有興趣也可以自己測試一下自己的網站,看你能拿到幾分吧 ;]

[News] Plurk Premium ?

昨天在做專題的時候,意外觀察到Plurk對於每一位使用者回傳的屬性中多了一項耐心尋味的屬性「is_premium」如下圖:

而我比對過我幾個月前建立的資料庫後發現,這個屬性很有可能是在近期Plurk主機做維修的時候所新增進去的。其實這件事情在之前Alvin(Plurk創辦人)演講的時候就有提到有關於Plurk可能的收費方式,他曾說到也許會讓有付費的「黃金會員」的噗在他的朋友們的時間軸上會出現一些加強視覺呈現的效果,加入一些個人化的特色來突顯帳號之間的差異性來區分付費及免費的使用者。

而我們觀察到類似的競爭對手ーTwitter其實近來也在推廣類似的 Promoted Accounts,能夠在不破壞使用者流覽經驗的時候又能從中置入贊助商廣告帳號的資訊來達到獲利。

twitter

比起Twitter,台灣的使用者仍比較偏好Plurk這種時間軸模式的微網誌服務,所以下一步Plurk會怎麼走,也是我們持續觀注的一個話題。

但不可否認的是,Plurk已經要開始從中獲利了,我們拭目以待吧。

[News] The end or just another start ?

雖然之前信心滿滿的發下豪語,不過還是在最後一輪18取7的戰役中輸掉了。即使如此,我還是很感謝這兩個隊友,讓我知道其實非行銷本科出身的我們其實也有相當的實力能夠和其他人戰到決賽。

對無限蕃薯樂園的我們來說,這只是個起點。

期待我能夠在有限的大學生涯內把自己的價值發揮出來,然後和可能的隊友燃燒出我們無限的可能。

無限蕃薯樂園,夢想無限。

[youtube http://www.youtube.com/watch?v=ht7jRdrm7Ds&fs=1&hl=zh_TW]

[News] Music Lovers, Be Prepared To Fall In Love Instantly – Meet The New Shuffler

原文 From TechCrunch

現在已經有愈來愈多正面的聲音開始在討論「Shuffler」,一個利用全新方式來探索網路上音樂資源的網站。

TechCrunch

那一開始我們要先知道,Shuffler到底是什麼東西?

這是一個由總部設立於阿姆斯特丹的公司ーTone.fm所設立的網站,這個網站的特色就是在於它能夠從各式風格的網站中搜尋出多類型的音樂。

當你第一次瀏覽這個網站的時候,你可以選擇你喜歡的音樂類型(舉凡電子樂到嘻哈,或是古典搖滾到民謠都有)然後就可以即時聽到相關類型的歌,而大多都是你從來沒聽過的!而這個線上服務是利用Last.fm的API來幫助判斷歌曲類型的。)

from TechCrunch

這裡面的歌曲都是從網路上大量的音樂部落格搜集來的,不過基本上只要任何網站有RSS Feed的都可以被搜錄進來(像是Wordpress、Typepad、Posterous、Blogger…等),而在你選完歌後,螢幕上方的導覽列上有放置一些有特殊功能的按鈕,像是歌曲可以中途暫停、可以被轉寄、可以被發到Twitter上甚至是點選Facebook讚的功能,

而在那個導覽列上,你也可以利用類似上一頁、下一頁的按鈕來跳到之前聽過的歌曲或是跳到下一曲歌曲所在的部落格去。如果你把整首歌聽完的話,那系統會自動把你導向到同一類型但不同歌曲的網站去。另外如果你想的話,你也可以在菜單中選擇不同類型的音樂來符合你今天或是當下的心情。

from TechCrunch

無庸置疑,Shuffler在找音樂這件事上是很傑出的,雖然要從歌曲中找到你真正喜愛的還是要取決於你有多挑就是了。另外我希望能夠有書籤的功能來讓我記下我喜歡的歌,然後提供一個單一的介面來讓我能夠直接讀取那些歌曲來聽,只不過這類功能比較適用於像我一樣的音樂愛好者就是了。

Shuffler也維護了一個部落格清單,在一個月前上面約有1600筆資料,而目前就徵求使用者和發表者能夠多提供一些優質的部落格來充實這個清單,預計在短期內能夠成長到2600筆部落格資料。

總計來看,這真是一筆很大的音樂量呢。

而且從今天開始,SoundCloudYoutube也已經被加到清單內,而Shuffler也對外宣稱他們會多提供三倍的歌曲量來滿足使用者的需求。

所以還有哪些是新的功能呢?從今以後,你可以把特定的部落格轉型成音樂播放站,例說如你可以轉開Pitchfork來當你今天的收聽頻道吧,另外,也有一些網站已經開始嵌入Shuffler的頻道按鈕在他們的站內了,如TSURURADIO的右邊欄。

Shuffler由Tone.fm創立至今,也開始要籌募資金來使網站成長,現在他們正打算於年底前推出iPad的應用程式,同時也有iPhone、Android應用程式及具有更多功能的進階版本。

這些應用程式及進階版本的想法都是可能生錢的來源,不過Tone.fm說他們也會試著嘗試廣告的部分。

那如果你不建議的話,我現在就要來去Suffling了。

【評】

這個網站的想法其實和之前我們專題在發想的時候所想的類似,只是我們原本是打算利用Youtube上的各種影片來做到一個BroadCast Website,讓大家無論在何時登入這個網站的話,都可以即時聽到當前伺服器正在播放的歌,然後大家都可以為該影片、音樂做一個即時的回應,直到換歌的時候才刷新回應列表,然後重新開始。

然後不定時就會來一個藍調之夜或是鋼琴之夜,大家只要掛在站上就可以一直聽到各種歌曲而不用換歌,算是一個還蠻有趣的應用,只是沒有去實作就是了XD。

而這個網站目前還是利用自己選定的網站音樂來當做資料庫內的資料,要等到他能夠開放到讓所有的使用者都能自行推薦音樂來源的話才比較可能普遍化,甚至是讓使用者能夠有自己個人化的播放清單才會比較有搞頭,比較成功的例子就是StreamDrag,他是以Youtube的資料為主,然後使用者搭配一組個人帳號就能新建個人的播放清單,因為水管是從Youtube接的,所以至少在載入速度上面就比Shuffler快上許多。

不過雖然如此,他們能夠找出部落格上的音樂資源(不只是MP3這麼簡單而已),並把他們做分類及串接的這個動作是讓我覺得非常難以置信的,因為技術上的實作應該有一定的難度。

所以下次如果你自己有個自己的部落格,而且裡面有放很多音樂資源的話,應該也可以適著嵌入自己的按鈕,讓Shuffler來幫你做個客製化電台吧:]。

[News] Google Maps, Like YouTube, Get Instantized

原文 From TechCrunch

From techCrunch

「Gmail Instant」也許真的很有用,但什麼是Google下一個目標?「Google Calendar Instant?」還是「Google Image Search Instant?」好吧,這些設計也許真的也很有用。事實上,這真的很難想像即使是即時化服務也不會讓Google從中獲得少許利益。

啟發於Google Instant的服務及 Feross Aboukhadijeh 這名工程師因為製作了「Youtube Instant」的實驗性質的網站而得到Youtbue工作機會的故事,美國阿拉巴馬州籍的開發者- Michael Hart 使用 Javascript Library – jQuery 及 Google Maps API 打造出了一個輕巧好用而且會更新全世界各地資料的「Google Maps Instant」。而就和故事中的Feross一樣,Hart也剛好也正在尋找工作:P。

依 Michael Hart 的說法,這個即時化的介面會即時地預測你想前往的地方並產生秀出即時搜尋結果,而他所設計的這個服務則是花了4小時及193次的改版才打造出來的(他目前也正努力和Google Maps 上的圖標有關的問題,及使用iPhone或Andorid手機瀏覽時的一些功能)但是雖然可以使用 Google Maps Instant 來查詢你正要去哪裡是一件很酷的事情,但是我不認為Google Maps Instant能夠和Youtube Instant有一樣的機緣就是了:P。

【評】

Instant這個想法其實並不新穎,也有很多實作的例子,最常看到的例子就是使用者在註冊時的密碼強度測試,如下圖:

所以這個東西實作並不困難,網路上都有許多的例子都可以用Ajax的方式來達到這個目標,那既然如此,到底是難在哪裡?難就難在他搜尋的資料量太大,而非同步互動的時間相對卻要縮短,而且秀出的結果還要依使用者們的習慣依序排出。要做到如此困難的事情除了在演算法要下大量的功夫之外,還需要許多方面的支援才做的到。

僅管如此,Instant在UI上是一個很重要的互動模式,能夠即時讓使用者了解到目前的Query是不是會產生預期的結果,雖然在背景下增加了一些Query的次數,不過對於具有強大財力背景的Google來說,如何讓使用者開心才是最重要的事吧:P

[News] How Twitter Can Help You Quit Smoking

原文 from TechCrunch

剛剛在看TechCrunch的時候發現了這一篇還蠻新的文章,就翻譯一下順便分享給大家。(內文會參雜部分個人意見

From TechCrunch

在星期六的紐約時報中,有一名記者Brian Stelter發表了一個他利用Twitter來當做減肥工具的小故事,並同時設立一個@briansteler25的帳號用來記錄他的減肥及飲食計畫。

我知道我沒辦法一個人減肥,所以我需要一個能夠支持、鼓勵我的小天地。 from Brian Stelter

結果?他減了75磅。這有點太扯了,不知道他是怎麼減的,經過高精度儀器計算,1磅 = 0.45359237公斤。幹,是我數學太好還是計算機壞了,「75 * 0.45359237 = 34.0194277 公斤!!」,以這個成績來看,有了Twitter,連媚登X都可以關門了,真扯。

先不論他花多久做到的,我們先繼續看。

在我的生日派對上,我覺得抽15年的菸已經夠多了,該是把菸丟了。一開始我還不太敢把這件事情推到Twitter上,主要是一開始因為尼古丁戒斷症候群讓我感到非常難過,但是到了第三天的時候,我已經集滿足夠的勇氣來讓我打倒它了。

結果在那天之後,我收到超多人的支持。我就像是Stelter,如果我就這樣拾起香菸而不是我的iPhone的話(因為作者都靠著一直Tweet來讓自己不要抽菸,就像我一直喝飲料一樣(?)),我就會讓那些支持我的人難過。

from TechCrunch

所以接下來當我進入了想要抽菸的紅色警界,例如和朋友去參加派對或是穿過機場的大門(?),我就會瘋狂Tweet或是使用尼古丁貼片來克制我抽菸的慾望,避免改變了我原本堅定的決心呀呀呀(Stuck to someone’s guns)。

我喜愛抽菸的程度就像是Stelter喜愛吃Dunkin’的甜甜圈一樣吧,但是當我看到Chris Sacca(下)和Troy Holden的推(上),就讓我在衝去買一包香菸前再次慎重的思考了一次,無論我現在是多麼的想抽呀呀呀。

from TechCrunch

我沒辦法一個人戒掉抽菸,我需要一個能夠激勵我的地方。

首先,為什麼人會暴食或是狂抽菸呢,依我個人的經驗呀(是作者不是我!!),是因為他們想要被注意或是被安撫。如果我們可以利用在Twitter上朋友給予支持的力量來取代那些不健康的行為所帶來的短暫快樂,那Twitter就是一個很棒的工具,可以讓你在有效的管控你對事物的「癮頭」。

雖然利用Twitter上的朋友來當作支持你堅持在某件事物上的這種想法,就像是Twitter這個網站本身一樣的新穎,但是我已經聽過許多無數利用Twitter來達到目標的例子,如一位叫Laura Fitton的女性朋友就用Twitter來確保她每天都有做瑜珈,還有另一位Paul Carr和它成功戒酒的故事。

【評】

其實社交網站可以說是兩面刀,一面是讓你可以很輕易的和人群黏在一起,但是相對的也會從中讓你受到許多的傷害。網路是沒有距離的,只要簡單的一個Click,每個人都可以變成好朋友,但是,比起那些在真實世界由自己打造出來的人脈,這種虛假的關係能帶給自己多少益處?

以我個人在做微網誌相關的專題時,我就有發現一個現象,其實這類型的網站隱藏著一種「多數暴力」的哲學,只要是知名或是交友廣闊的微網誌客,都能有很高的回覆率(在『噗浪玩出大生意』這本書中有講到好友、粉絲數與回覆率之間的關係,但是我忘記這個確切數字,我記得不到10%),但是相對於一些比較不善於交友的使用者來說,沒有任何人的回覆比考試零分還讓人傷痛

但相反來說,如果我們能像這篇文章中的那些故事人物善用這股力量,真的就會有推波助瀾的效用。因為一個人出門不一定會帶菸帶酒,但是一定會帶錢包、鎖匙和「手機」,如果能夠再搭上最近很紅的App Market及行動上網的優惠方案,那這種社交網站就能帶動你戒癮的決心,哪怕是在你快撐不下去的時候,你朋友也會打手機來罵你,好讓你支持下去。

所以如果有各種奇奇怪怪癮頭的朋友們,不要去上什麼戒斷班,那些太浪費時間也浪費錢了,還不如現在就走向離你家最近的電信業者辦個行動上網及一支智慧型手機吧,XD。

(默…我應該要去行銷部門才行)

[News] Hitcon 2010 !!

小弟這次有幸能夠當Hitcon 2010的工作人員,因此就趁這次難得的機會去體驗一下駭客的文化,雖然這次不是第一次去了。

在這次的活動中,我和人帥真好的Crboy及人正真好的Python GirlーMosky一起負責場務組的B門,也就是Wargame的小門。不過一直守門也無聊,Crboy就提議我們以B的名字來報隊玩Wargame(因為BTeam這個名字被人帥真好的BlueT他們取走了,可能是和剛上映的ATeam有關吧)。

不玩還好,一玩三個人就上癮了,開始瘋狂的無所不用其及的想要破關,不過因為我們都是第一次下去玩Wargame,所以能解的題目有限,但是還是讓我們解到第11名,雖然有一題海棉寶寶的圖題是BlueT提供想法去觸發我們解題的,不過我們還是靠我們三個有限的大腦解出了幾題!!

(先偷偷的放個圖做個紀念一下,點我看Wargame名人堂


題目中最讓我印象深刻的就是ISBN的那題,給我們Barcode及鍵盤被打擊的機率要我們找出書名,那題真的是超適合我們這組的,因為我們先查出Barcode藏了「HINT is 158XXXXXXXP」(好像是這樣),然後我就和小畢去推那個鍵盤的機率,算出最有可能出現的數字及其個數大概是多少個,然後再請Mosky用Python快速的寫出程式來跑出所有可能的情況,之後發現是36組ISBN的值是最有可能的。最後我就負責寫一段PHP code來查速查出anobii上所有ISBN代表的書名。

結果,我們就成功的找出第七組還是第八組ISBN代表的是這本Ans
,沒錯,書名就是這個,也就是這題最後的答案!!真是超開心的呀,這題30分耶!

之所以讓我印象深刻是因為這一題完美的結合了我們三個人的能力,而且快速又漂亮地解出來,也是最代表B的一題呀!!如果下次還有機會的話一定要再組一次隊和大家再去玩一次Wargame!

Hitcon 2011,我們下次見:D

後記,剛好HIT2010的照片出來了,把B的照片連過來做個紀念:
B

B

[新聞] 食我上新聞了呢

這是食我最新企劃的影片:

[youtube http://www.youtube.com/watch?v=vEan9GAiKhU&hl=zh_TW&fs=1&rel=0&color1=0x006699&color2=0x54abd6]

這是食我上新聞的影片:

[youtube http://www.youtube.com/watch?v=ZHP_hohnh8Q&hl=zh_TW&fs=1&rel=0&color1=0x006699&color2=0x54abd6]

這是蘋果的連結

大家辛苦了,很高興能夠在這麼團隊和大家共事,食我加油。