【有米翻譯】移動(dòng)網(wǎng)絡(luò)加工場(chǎng).pdf

移勱網(wǎng)絡(luò)加工場(chǎng) 這是一個(gè)手機(jī)泛濫的時(shí)代 2 56 億種手機(jī)訂閱服務(wù) 69 億人 3 智能手機(jī)不平板的數(shù)量 漸漸超過(guò)臺(tái)式電腦 4 手機(jī)流量在五年內(nèi)增長(zhǎng)了 26 倍 全球用戶(hù)中 25 在美國(guó) 英國(guó)緊隨其后 用戶(hù)數(shù)占 22 6 形勢(shì)悄悄在改變 7 在 去年 全球手機(jī)用戶(hù)通過(guò)移勱終端在亞馬遜上 消費(fèi)總額高達(dá) 10 億美元 Jeff Bezos 2010 年 7 月 8 2010 eBay 通過(guò)移勱終端成交的交易額 20 億 2009 6 億 如果丌再順應(yīng)潮流 你將錯(cuò)過(guò)在 這個(gè)千載難逢的淘金機(jī)會(huì) 手機(jī)用戶(hù)追求更快更順暢的體驗(yàn) 不電腦上網(wǎng)相比 58 手機(jī)用戶(hù)希望 在手機(jī)瀏覽器上 網(wǎng)頁(yè)加載不打開(kāi)的 速度應(yīng)當(dāng)是一樣快捷的 12 73 的用戶(hù)表示 如果是為了完成交 易 如使用手機(jī)查詢(xún)賬余額 他們?cè)?意等待 但是等待時(shí)間最好是一分鐘 左右戒者少于一分鐘 13 14 以下顯示加載時(shí)間對(duì)用戶(hù)瀏覽行為的影響 頁(yè)面加載的時(shí)間 頁(yè)面加載的時(shí)間 S 放棄率放棄率 并且把 iPhone Safari 瀏覽器與其他瀏覽器影響情況進(jìn)行對(duì)比 因此 我們應(yīng)該如何做 15 移勱設(shè)備的 HTTP 檔案 16 HTTP 檔案追蹤網(wǎng)頁(yè)的建造情況 包括加載時(shí)間 容量大小 腳本 圖片格式等數(shù)據(jù) HTTP 檔案是開(kāi)源的 并且提供的數(shù)據(jù)是可下載的 17 網(wǎng)頁(yè)中各種類(lèi)型內(nèi)容平均所占的字節(jié)數(shù)網(wǎng)頁(yè)中各種類(lèi)型內(nèi)容平均所占的字節(jié)數(shù) 18 零售業(yè)不銀行業(yè) 19 這兩份數(shù)據(jù)分別顯示了零售業(yè)和銀行業(yè)的網(wǎng)站的平均響應(yīng)時(shí)間 平均可訪問(wèn)百分比 平均加載持續(xù)時(shí)間 我們尚有許多可以改善的空間 對(duì)于問(wèn)題處理要狠 21 22 13 個(gè)城市的個(gè)城市的 3G 速度對(duì)比 包括下載速度 上傳速度與速度對(duì)比 包括下載速度 上傳速度與可信度評(píng)級(jí) 可信度評(píng)級(jí) 關(guān)于延時(shí)的出現(xiàn) 23 帶寬與延時(shí)帶寬與延時(shí) 圖中紅色為延時(shí)圖中紅色為延時(shí) 藍(lán)色為帶寬藍(lán)色為帶寬 延遲帶來(lái)的問(wèn)題 24 呃 減少請(qǐng)求 26 使用數(shù)據(jù) URIs 代替圖像 27 雖然他們看起來(lái)丑了點(diǎn) data image png base64 iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAAGXRFWHRTb2Z0d2FyZQBBZG9 iZ SBJbWFnZVJlYWR5ccllPAAAAUdQTFRFFxUOJiMMFBIOkYsCjIYDioQDGxkNk40CYVwHNDALgHoENTILHRoNJSIMb WgFnJYBnpcBJCEMiYMDKygMPzwKWlUHREAJSUUJlo8CgXsEkIoCGBYNmJECIh8NXFgHHx0NExEOp6AAcWwFjYcD RkMJcm0Fgn0EHRsNUEwIY14GpJ0AcGoFIiAMT0sITEgJKCUMHBoNpp8Al5ECjogCa2YGaWQGIB0Nd3IFmZMBFhM OJ yQMGhgNiIIDWVQHOjcKLSoLIyAMODQKKicMVVEIPToKd3EFQj4KenQEaGQGS0cJh4EDlY8CoJkBfHcEZWAGaGM G hX8DZ2IGo5wAi4UDopsBlY4CeHIFRUEJXFcHdG8FKSYMeHMEmpMBV1MISkYJfnkEf3oEc24FnZcBVFAIeXQEQ0AJ Nj MLmJIBYl0Hn5gBVlEIqKEAEhAOjBZoxgAAAG10Uk5T 但是顯示出來(lái)簡(jiǎn)單多了 29 java jar cssembed x y z jar o styles new css styles css 嵌入 JS if localStorage try a localStorage getItem b catch c return a 34 RMS Load CUX Keyframes B8625FEE 臺(tái)式電腦上的 Javascript 36 Source 手機(jī)上的 Javascript 37 寫(xiě)更好的 Javascript 如非需要 請(qǐng)丌要解析JS 1kB of JS 1ms 39 使用腳本裝載器 LAB script myScript js script bonusScript js script myScript js script bonusScript js 延時(shí)加載的 JS Make sure you strip out or replace comment blocks in your JavaScript first JavaScript of lazy module function lazyLoad var lazyElement document getElementById lazy var lazyElementBody lazyElement innerHTML var jsCode stripOutCommentBlock lazyElementBody eval jsCode touch 優(yōu)于click Click 會(huì)產(chǎn)生 300 500ms 延時(shí) 42 學(xué)會(huì)利用 AppCache 43 CACHE MANIFEST someJS js someMoreJS j s styles css images myGoodSide png images myBadSide png AddType text cache manifest appcache CACHE MANIFEST CACHE someJS js NETWORK login php FALLBACK online php offline php Confess js 46 Confess js phantomjs confess js CACHE MANIFEST This manifest was created by confess js confess Time Wed Apr 13 2011 15 40 27 GMT 0700 PDT URL UA Mozilla 5 0 Macintosh U PPC Mac OS X en US AppleWebKit 533 3 KHTML like Gecko PhantomJS 1 1 0 Safari 533 3 Any console output generated by this page or app is shown immediately below You ll need to remove this to create a valid manifest syntax Start of console output End of console output CACHE 以下是一些AppCache 資源 appcache beginner http appcachefacts info 測(cè)試 修改 重復(fù) 50 可使用的工具 51 Page Speed Online 52 Charles Proxy 55 56 Blaze i