曾經在前端之巔看過這么一篇文章，標題是《網站性能優化實戰——從12.67s到1.06s的故事》，當時我就納悶了，哪來的網站首屏需要加載12秒，而...
投稿
收錄了10篇文章 · 52人關注
-
vue項目封裝并發布無限滾動指令優化渲染性能的npm模塊
-
使用SQIP工具和交叉點觀測器進行漸進式圖像加載
前言 點擊該鏈接使用SQIP工具和交叉點觀測器進行漸進式圖像加載閱讀體驗會更好 在前面一文使用交叉點觀察器延遲加載圖像以提高性能中,已經知曉了使...
-
h5報名頁性能優化總結最近做了報名頁的第三期，就順手對該項目進行了一些優化。先看h5報名頁優化前后性能的對比吧： 。優化前首屏的秒出率大概是30%左右，優化后的首屏秒...
-
原生js之列表優化-無限滾動實例
參考 js實現文字列表無縫滾動效果 參考給出的是一個字幕自動滾動的例子，不過這個例子有個坑，就是#rule必須設置高度，否則的話，看不到滾動的效...
-
基于nodejs的雪碧圖制作工具
前顏（yan） 雪碧圖（CSS sprite ），就是把很多小圖標合并為一張圖片。 在Web開發中，使用雪碧圖是優化Web性能的一種方法。 比如...
-
CDN簡談及實現原理分析很多人可能不了解cdn，認為自己沒用過cdn，其實不然，我們已經在用了。先舉個栗子，大家有沒有想過為什么雙十一的時候這么多人搶購，流量超級大，為...
-
前端｜訪問短鏈接請加斜杠最近leader給我提了一個優化,像訪問 https://example.com/acts/alibaba 這樣的地址時要寫成 https:/...
-
前端｜加載的圖片太多或太大如何優化(上)摘要 web性能的終極目標是減少資源到客戶端的延遲,但是我們在HTTP1.0/HTTP1.1協議中經常會遇到加載的圖片太多或者太大導致頁面加載完...
-
吞吐率、吞吐量、TPS、性能測試，紙上不談兵-構建高性能Web站點
一、吞吐率 我們一般使用單位時間內服務器處理的請求數來描述其并發處理能力。稱之為吞吐率（Throughput），單位是 “req/s”。吞吐率特...
-
前端工程師需要思考什么
最近心浮氣躁，瑣事纏身，不能好好的碼文字，不能好好的敲代碼。看不下去就嘗試寫下來，用文字整理思路。先給大家推薦一篇文章《怎么判定web前端架構師...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/27418/7983aab7a2d28a2fc38746243872ab9e.png', '推薦專題《前端性能優化》（ 分享自 @簡書 ）','http://www.lxweimin.com/c/2a50de9d570e?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}