摘要:緩存長緩存隨機名字長緩存策略可并行請求數避免重定向,一次重定向至少瀏覽器緩存不超過數據不安全存取防止出錯關閉瀏覽器失效合理減少視覺交互反饋節流,防抖視覺欺詐分頁預加載資源圖片,慎用編碼響應式圖像字體異步加載異步加載其他系列二
http 緩存
http1.0: expires,last-modified
http1.1 E-tag,cache-control
html no-cache
css、js md5/timestmap/version +長緩存
image 隨機名字+長緩存
cookie http-only
mtu策略 package 1.5kb
可并行請求數
避免重定向,一次重定向至少600ms
localStorage:不超過5M,數據不安全,存取trycatch防止出錯
sessionStorage:關閉瀏覽器失效
service worker(pwa):install,activate,message,fetch,push,sync(serviceworke.rs)
合理減少header cookie
34-137ms 65ms 54ms 反饋
節流,防抖
throttle & debounce
setTimeout & requestAnimationFrame
lazyload & preload
react lazy suspense
視覺欺詐
分頁預加載
圖片 bpg ,webp,慎用base64編碼, 響應式圖像
字體 font-spider,preconnect
JS 異步加載,tree shaking, code splitting
html dns-prefetch
css 異步加載
其他web worker
WebAssembly 系列(二)JavaScript Just-in-time (JIT) 工作原理
前端性能監控錯誤上報
測試代碼的性能
http://jsben.ch/
https://benchmarkjs.com/
https://github.com/jsperf/jsp...
瀏覽器渲染優化
前端性能清單
前端性能優化 2019 年度總結
前端性能上報
performance-developers.google.cn
[2017專題] 性能優化
2019 前端性能優化年度總結
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53654.html
摘要:緩存長緩存隨機名字長緩存策略可并行請求數避免重定向,一次重定向至少瀏覽器緩存不超過數據不安全存取防止出錯關閉瀏覽器失效合理減少視覺交互反饋節流,防抖視覺欺詐分頁預加載資源圖片,慎用編碼響應式圖像字體異步加載異步加載其他系列二 http 緩存 http1.0: expires,last-modifiedhttp1.1 E-tag,cache-controlhtml no-cache c...
摘要:緩存長緩存隨機名字長緩存策略可并行請求數避免重定向,一次重定向至少瀏覽器緩存不超過數據不安全存取防止出錯關閉瀏覽器失效合理減少視覺交互反饋節流,防抖視覺欺詐分頁預加載資源圖片,慎用編碼響應式圖像字體異步加載異步加載其他系列二 http 緩存 http1.0: expires,last-modifiedhttp1.1 E-tag,cache-controlhtml no-cache c...
摘要:個人理解,對于一個按課程付費為主要收入的在線學習網站,課程就是變現的全部家當,如果安全措施做得不到位,那前期收集視頻教程的錢算是打水漂了。 本文描述方法由于2016年年初官方網站升級,固不可重現。 背景 最近興起的互聯網+教育,導致了很多在線學習網站的誕生,但是由于很多開發者圖方便,網站安全措施做的不規范,導致很多課程資源不夠安全。個人理解,對于一個按課程付費為主要收入的在線學習網站,...
摘要:方案瀏覽器設置一級域名。場景完全不同源的網站,需要窗口通信方案父子窗口互相寫互相監聽子窗口寫后跳回同域父窗口讀瀏覽器跨文檔通信場景請求非同源地址方案架設服務器代理參考資料瀏覽器同源政策及其規避方法阮一峰前端常見跨域解決方案全跨域幾種方式 同源 概念:協議,域名,端口 相同。目的:保證用戶信息的安全,防止惡意的網站竊取數據。限制的行為: Cookie、LocalStorage 和 In...
摘要:方案瀏覽器設置一級域名。場景完全不同源的網站,需要窗口通信方案父子窗口互相寫互相監聽子窗口寫后跳回同域父窗口讀瀏覽器跨文檔通信場景請求非同源地址方案架設服務器代理參考資料瀏覽器同源政策及其規避方法阮一峰前端常見跨域解決方案全跨域幾種方式 同源 概念:協議,域名,端口 相同。目的:保證用戶信息的安全,防止惡意的網站竊取數據。限制的行為: Cookie、LocalStorage 和 In...
閱讀 1629·2019-08-30 15:54
閱讀 2374·2019-08-30 15:52
閱讀 2048·2019-08-29 15:33
閱讀 3042·2019-08-28 17:56
閱讀 3237·2019-08-26 13:54
閱讀 1675·2019-08-26 12:16
閱讀 2449·2019-08-26 11:51
閱讀 1645·2019-08-26 10:26