@prefetch / 博客 RSS 訂閱

Jan 20 2016

德來 - 預加載系列二：讓File Prefetching絲絲潤滑無痛無癢

所謂 File Prefetching 就是在一個頁面加載成功後，默默去預加載後續可能會被訪問到的頁面的資源。 前端資源預加載其實沒啥新鮮的，我們倒騰這個事情的過程卻是很有有意思也很有啓發性。 第一個版本，簡單粗暴有點痛 1、建一個獨立的頁面，裏面索引了各種需要預加載的css、js，代碼類似下面這樣。 html head link rel="stylesheet" hre

prefetch , web性能優化 , 緩存 , 前端

收藏 評論

Jun 06 2023

京東雲開發者 - 基於 prefetch 的 H5 離線包方案 | 京東雲技術團隊

前言 對於電商APP來講，使用H5技術開發的頁面佔比很高。由於H5加載速度非常依賴網絡環境，所以為了提高用户體驗，針對H5加載速度的優化非常重要。離線包是最常用的優化技術，通過提前下載H5渲染需要的HTML/JS/CSS資源，加載時直接使用本地緩存資源避免額外的網絡請求提高加載速度。本文主要是介紹團隊在離線包技術方案上的探索，以及基於prefetch的離線包實現方案如何減少維護成本和開發成本。 現

prefetch , 小程序 , Android , h5頁面 , ios

收藏 評論

Nov 03 2015

德來 - 預加載系列一：DNS Prefetching 的正確使用姿勢

發現 很多人都知道現代瀏覽器都支持 DNS 的預解析，學名：DNS Prefetching。用法也很簡單，就是在html代碼里加入這樣的 link 標籤 link rel="dns-prefetch" href="//delai.me" 我們之前的用法是在 Head 為2個 靜態資源服務器的域名 和 日誌圖片的域名 建了3條 dns-prefetch link。 link rel="dns-pre

prefetch , dns , web性能優化 , 前端

收藏 評論