Tag Archives: facebook

Google Page Speed Prefer asynchronous resources (Facebook)- loads http://connect.facebook.net/en_GB/all.js synchronously.

最近為自己的網頁http://sharechiwai.com 加上了 Facebook social plugin
希望大家給我多一些 Like 多一些我
誰不知 當我使用Google Page Speed我測試 sharechiwai.com的性能時
卻出現了以下的建議

Prefer asynchronous resources – Fetching resources asynchronously prevents those resources from blocking the page load.
Suggestions for this page

The following resources are loaded synchronously. Load them asynchronously to reduce blocking of page rendering.
http://localhost:8080/sharechiwai/lookforhk loads http://connect.facebook.net/en_GB/all.js synchronously.

load http://localhost:8080/sharechiwai/lookforhk loads http://connect.facebook.net/en_GB/all.js synchronously.
是存取facebookJavascript Plugin 的方法所導致的


   <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=277649966574";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        

做了一會兒research 之後找到了解決方法了

解決方法:
原來這個facebook Javascript Object 上有一個async的屬性 property
我們只要把他設定為 true便可以解決
e.g.

js.async=true;

loads http://connect.facebook.net/en_GB/all.js synchronously.“的問題了


   <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.async=true; //<--ASYNC = TRUE
            js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=277649966574";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

Hope you find it useful

How To Backup Facebook data, photo – 如何備份臉書上的相片/資料

今天在facebook看到朋友有一個 Wall Post 說他在Facebook 的相簿不見了..|
令我想到另外一個朋友之前介紹我的一個Facebook功能..
就是備份你Facebook上的資料..

解決方法十分簡單:
在右上角按一下”帳戶“選擇->”帳戶設定

facebook account settings

在”帳戶設定“畫面按一下 “下載一份“你的Facebook資料副本

下載一份你的Facebook資料副本

之後便會到 “下載你的資料” 頁了..
這裡說明了那些資料會被下載和在存檔中不含哪些資料
了解之後便可以按一下 “開始準備我的檔案

prepare facebook backup

之後便會有一個Pop-up message說明可能而要一些時間..
再按”開始準備我的檔案

ready to prepare download facebook backup

之後便會有信息說明
當資料處理好可供下載後, 便會電郵通知

information from facebook about time taken to

按一下”確定“便會返回之前的一個畫面
之後大家便可以離開Facebook做其他東西

facebook Processing backup request

當資料可以下載時..你便會收到一個Email

Facebook Backup ready email

大家可以按一下這個連結
登入Facebook後便再叫你輸入你的密碼

facebook download password needed

之後便可以看到”下載檔案” 的按鈕和大約的檔案大小

Facebook backup download ready

按一下”下載檔案” 便可以下載 你的Facebook資料了
下載完成後..解壓縮剛下載的檔案
之後大家便會看到 一些檔案和資料夾
index.html, videos/html/photos 資料夾

facebook backup folder structure

大家可以按一下 index.html開啟你剛下載的facebook backup
之後便可以看到你backup的資料了
還有 facebook上的留言photo caption

facebook backup file preview

請注意: 如果你facebook的 photo album和 Caption 是用中文寫的話
可能會連接不到的… 應該有一些編碼問題

Hope you find it useful