2011年4月1日星期五

電腦玩物最新文章●Google Page Speed Online 知名網站測速工具推出更易用線上版

電腦玩物最新文章●Google Page Speed Online 知名網站測速工具推出更易用線上版


Google Page Speed Online 知名網站測速工具推出更易用線上版

Posted: 01 Apr 2011 08:02 AM PDT


page speed-01

Google的「Page Speed」是頗知名的網站速度測試工具,之前提供了FirefoxGoogle Chrome上的擴充套件,安裝後就能進行網站測速。而現在這款知名測速工具推出了更易用的線上版:「Page Speed Online,這次不需安裝任何額外套件,進入線上版後輸入你的網站網址,就能進行速度測試。

「網站瀏覽速度」是網站最佳化中的重要優化指標之一,開啟速度愈快,讀者的體驗就相對愈好,對於SEO的效果也有加成作用。而「Page Speed Online」就能提供用戶一個網站速度的「評測指標」,它會在測試網站速度後顯示一個總評分數,愈接近100分愈好。

另外「Page Speed Online」還會提出許多「如何進行改正」的建議,甚至幫你區分出「High priority(最應該做、效果最好)」到「Low priority(可以稍後做、影響較小)」等優化級別。在左方的最佳化建議作法清單中,點擊任何一個作法都能看到詳細的操作指示與相關教學。

 

Page Speed Online的使用上非常簡單,你只要輸入自己網站、部落格的網址,按下右方的〔Analyze Performance〕,就能開始測速,還可以選擇要測試在一般電腦上跑起來的速度?還是針對手機瀏覽的最佳化建議?

page speed-02

 

接著就可以看到自己網站的速度測試報告,以及詳細的最佳化建議。先從左方最高級別的建議開始做起,這樣效果最好。

而點擊左方某項建議後,就能在右方看到詳細的評估資料,如果不知道怎麼優化,還可以點擊「Learn more」看看相關教學。

page speed-03

 

不過,老實說很多建議作法仍然是一般非技術用戶無法做到的,那麼一般用戶可以從哪些角度「簡單的」進行自己網站、部落格的加速呢?

其實就是從「圖片大小的縮減」、「外掛程式的縮減」做起,發表文章前一定要幫圖片進行體積的縮小,而設計網站時要選擇載入快的外掛、穩定的外掛,以及真的有用的外掛。

下面是我自己嘗試過的作法,基本上都是不需要懂程式碼、不需懂架站,就能做到的網站加速方法,提供給大家參考:

Google Blogger 部落格載入加速與iPad閱讀時代五個瀏覽新介面

Posted: 31 Mar 2011 09:06 PM PDT


blogger-01

電腦玩物所使用的Google Blogger部落格架站平台,在去年有非常多精采的升級更新:「[回顧] Google Blogger 10個值得一用的部落格內建功能」,原本Blogger就已經是一個非常穩定的部落格系統(2010年達到100%的可用性),而現在開始又陸續添加了非常多好用的新功能,甚至不久前Blogger還宣示在2011年將會帶來更多令人期待的改版,加速Blogger進化的腳步,而這個承諾馬上就開始兌現。

今天從「Fresh new perspectives for your blog 」一文,看到Google Blogger正式版系統即日起將增加以下新功能:

  • 無限頁面捲動:要翻下一頁看舊文章時,不會重新載入整個網頁,而只會替換內文區塊,直接顯示下一頁的文章列表。
  • 新的設計範本:從後台可以看到一些新的範本,讓不同內容有更適合的版型。
  • 加速圖片載入:不會一次載入頁面中所有圖片,而是讀者捲動到那裡才載入圖片。
  • 五種全新動態閱讀介面:讀者可以用五種不同的瀏覽版面,以新鮮有趣的方式來閱讀部落格的內容(尤其適合iPad等平板的閱讀)。

 

 

 

上述的四個全新功能,都已經直接內建在正式版的Blogger中,所以Blogger用戶可以直接開始使用。

 

01.

首先「無限頁面捲動」,只要你沒有使用會衝突的網頁修改,那麼現在當你捲動到Blogger文章列表最下方,點擊「較舊的文章」時,就會直接切換到下一頁的文章清單,不需要重新載入整個頁面,瀏覽速度加快非常多。

blogger-03

 

02.

接著Blogger用戶可以到後台的「範本設計工具」中,看到一些新的範本可以使用。

blogger-04

 

03.

關於圖片載入加速,其實就是Blogger幫用戶把之前很紅的「分段載入圖片」外掛直接內建在Blogger系統中!所以用戶現在不用自己手動做修改,就可以讓讀者在捲動有大量圖片的文章時更順暢,只有當捲動到圖片位置時才會載入圖片。

而且Blogger的分段載入圖片效果很好,基本上讀者應該感覺不出來有使用分段載入(沒有任何圖片正在載入的停頓),瀏覽時就像原本一次載入所有圖片時一樣,好像內容都已經準備好在那邊了。

 

04.

最後,這次Blogger實驗性的新增了「五種動態閱讀介面」,這個功能已經內建在所有Blogger中,我們只要在自己的網址後面加上「/view」,就能進入新的閱讀介面,例如:「http://playpcesor.blogspot.com/view」。

進入新的動態閱讀介面後,可以在右上方選擇五種閱讀排版,包含了圖片牆、快照牆、馬賽克、側邊欄、時間線等五種新瀏覽畫面。

blogger-05 

關於Blogger的五種實驗性新閱讀介面,有興趣的朋友也可以看看下面的介紹影片,總之,讓我們一起期待Blogger在2011年的更多更新吧!

附註:要讓你的部落格可以支援五種新閱讀介面,你必須符合下列條件

  • 1.你的部落格是可以公開閱讀的。
  • 2.你的部落格提供全文訂閱輸出(在後台的「設定」-「網站提供」中,要設定為「完整」輸出)。
  • 3.確認一下在後台的「設定」-「格式」中,你的「啟用動態檢視」是選擇「是」(預設是啟動的)。

 

 

  • 小結:iPad閱讀時代的部落格新瀏覽介面

這次的Blogger更新,雖然看似不大,但是卻意義深遠,首先透過不同方法來加速網頁載入速度,讓讀者瀏覽更快,這是現代網站優化的必備要素。

但更有趣的是那五種內建的「全新閱讀介面」,透過「http://playpcesor.blogspot.com/view」這樣一個內建的、簡單的、完全不需技術的自動轉換,現在讀者可以嘗試用不一樣的方式來讀讀看你的部落格。

尤其是那些ipad或其它平板的閱讀者,現在可以採用更新鮮,也更適合Pad閱讀的方式,以照片牆、新聞牆的模式瀏覽文章,整個部落格等於直接被改造成一個「雜誌App,而且站長什麼事情都不用作,因為Blogger已經幫你內建好了!讀者也是直接享受即可,有興趣的朋友趕快來試試看Blogger的新功能吧!

没有评论:

发表评论