虛擬講堂 進入演講 講 題 網頁圖片的渲染效能與分析 講 者 國立臺灣海洋大學資訊工程學系,財團法人資訊工業策進會資安科技研究所,國立交通大學資訊工程學系李昀陞學生 日 期 2017/10/27 長 度 00:15:17 人 氣 145 次 摘 要 目前網際網路上大多數的服務以行動網頁的方式呈現。因此，網頁載入和呈現的反應時間，便成為影響使用者對於網路服務品質的第一印象。現有的研究大多聚焦在網路傳輸與腳本執行相關的效能討論。而就我們的觀察，不當的圖片嵌入方式，尤其對於使用響應式設計的網頁，可能由於縮放的計算而造成網頁瀏覽反應速度不佳的重要因素之一。 在本論文中，我們分析瀏覽器處理圖片的效能並探討可能的改善方式，我們首先設計並實作相關的實驗，以分析現有網站對於圖片的嵌入使用情況。接著我們量測主流的系統對於處理圖片檔案所產生的額外負擔。我們的量測結果顯示，網站內所嵌入的圖片，有超過40%的都需要配合裝置進行縮放的處理。而在不當的實作組合下，一張圖片縮放的計算可能會高達0.25秒。最後，我們配合行動裝置螢幕像素點比例的特性，在不降低使用者滿意度的情況下，設計一個有效提升圖片處理效能的解決方式。 提 供 TANET台灣網際網路研討會-TANET2017 進入演講