近年來(lái),隨著智能移動(dòng)設(shè)備的普及,移動(dòng)互聯(lián)網(wǎng)成為了互聯(lián)網(wǎng)發(fā)展的新動(dòng)力,同時(shí)也為移動(dòng)學(xué)習(xí)的跨越式發(fā)展帶來(lái)了新契機(jī)。移動(dòng)設(shè)備間的差異和無(wú)線網(wǎng)絡(luò)資源的稀缺決定在移動(dòng)學(xué)習(xí)開(kāi)發(fā)時(shí)必須關(guān)注應(yīng)用的性能問(wèn)題。在紛繁復(fù)雜的移動(dòng)學(xué)習(xí)Web站點(diǎn)中,用戶更傾向于使用可以迅速響應(yīng)、完美交互的優(yōu)秀產(chǎn)品。這就形成了對(duì)web站點(diǎn)進(jìn)行優(yōu)化的迫切需求。Web站點(diǎn)優(yōu)化可分為后端優(yōu)化和前端優(yōu)化兩部分。研究表明,用戶響應(yīng)時(shí)間中只有10%～20%是花在了下載HTML文檔上,其余的時(shí)間則花在了下載頁(yè)面中的所有組件上。也就是說(shuō),如果關(guān)注前端性能并將其響應(yīng)時(shí)間減少一半,整體響應(yīng)時(shí)間可減少40%～45%；加之國(guó)內(nèi)在后端的優(yōu)化技術(shù)已經(jīng)比較成熟,所以本文專注于Web前端的性能優(yōu)化。 本文首先介紹了移動(dòng)Web前端優(yōu)化的國(guó)內(nèi)外研究現(xiàn)狀,提出進(jìn)行移動(dòng)web前端性能優(yōu)化的必要性。然后對(duì)Web的工作方式如HTTP協(xié)議、瀏覽器工作機(jī)制等和移動(dòng)開(kāi)發(fā)的特殊性進(jìn)行介紹,web工作方式構(gòu)成了在移動(dòng)學(xué)習(xí)開(kāi)發(fā)過(guò)程中進(jìn)行性能優(yōu)化的現(xiàn)實(shí)依據(jù)和理論基礎(chǔ)。本文中間部分從html、CSS、JavaScript、圖片和緩存五個(gè)方面,圍繞內(nèi)存和CPU兩個(gè)核心主題,結(jié)合移動(dòng)學(xué)習(xí)開(kāi)發(fā)...

【文章頁(yè)數(shù)】：56 頁(yè)

【學(xué)位級(jí)別】：碩士

【文章目錄】：
摘要
ABSTRACT
第一章 緒論
    1.1 課題背景
    1.2 國(guó)內(nèi)外現(xiàn)狀分析
        1.2.1 國(guó)內(nèi)現(xiàn)狀
        1.2.2 國(guó)外現(xiàn)狀
    1.3 本文所做工作
    1.4 論文章節(jié)安排
第二章 WEB前端性能優(yōu)化概述
    2.1 網(wǎng)站優(yōu)化
        2.1.1 搜索引擎市場(chǎng)營(yíng)銷
        2.1.2 網(wǎng)站性能優(yōu)化
    2.2 前端性能優(yōu)化
        2.2.1 站點(diǎn)頁(yè)面的組成
        2.2.2 客戶端工作機(jī)制
        2.2.3 HTTP協(xié)議
    2.3 移動(dòng)WEB開(kāi)發(fā)的特殊性
        2.3.1 屏幕尺寸多樣化
        2.3.2 設(shè)備性能
    2.4 本章小結(jié)
第三章 移動(dòng)WEB前端性能優(yōu)化的方案
    3.1 HTML的優(yōu)化處理
        3.1.1 減少HTML的重新布局與重繪
        3.1.2 HTML的合法性測(cè)試
        3.1.3 HTML的壓縮處理
    3.2 CSS的優(yōu)化
        3.2.1 CSS文件放在文檔頂部
        3.2.2 編寫(xiě)高校的CSS選擇器
        3.2.3 利用CSS3的media query
        3.2.4 不要過(guò)分信任和濫用CSS3
    3.3 JAVASCRIPT的內(nèi)存控制
        3.3.1 DOM事件處理
        3.3.2 數(shù)據(jù)訪問(wèn)
        3.3.3 算法優(yōu)化和流程控制
        3.3.4 JavaScript的加載與執(zhí)行
    3.4 圖片的優(yōu)化
        3.4.1 簡(jiǎn)單的優(yōu)化處理
        3.4.2 具體的無(wú)損圖像優(yōu)化
        3.4.3 CSS Sprites及其優(yōu)化
        3.4.4 移動(dòng)設(shè)備對(duì)圖片的特殊要求
    3.5 利用緩存技術(shù)
    3.6 本章小結(jié)
第四章 CSS SPRITES制作算法的提出與優(yōu)化
    4.1 常規(guī)算法
        4.1.1 算法的平凡解
        4.1.2 常規(guī)算法
        4.1.3 不重疊地放置矩形
    4.2 算法改進(jìn)
        4.2.1 減小閉合矩形的寬度時(shí)有效增加高度
        4.2.2 無(wú)法放置所有的矩形時(shí)有效增加閉合矩形的高度
        4.2.3 權(quán)衡外接矩形的大小與求解時(shí)間
    4.3 算法測(cè)試
        4.3.1 評(píng)測(cè)標(biāo)準(zhǔn)
        4.3.2 測(cè)試結(jié)果
    4.4 本章小結(jié)
第五章 總結(jié)與展望
    5.1 總結(jié)
    5.2 展望
參考文獻(xiàn)
攻讀碩士學(xué)位期間參與的項(xiàng)目
致謝



本文編號(hào)：3877859