曾經(jīng)在前端之巔看過這么一篇文章，標題是《網(wǎng)站性能優(yōu)化實戰(zhàn)——從12.67s到1.06s的故事》，當時我就納悶了，哪來的網(wǎng)站首屏需要加載12秒，而...
投稿
收錄了10篇文章 · 52人關注
-
vue項目封裝并發(fā)布無限滾動指令優(yōu)化渲染性能的npm模塊
-
使用SQIP工具和交叉點觀測器進行漸進式圖像加載
前言 點擊該鏈接使用SQIP工具和交叉點觀測器進行漸進式圖像加載閱讀體驗會更好 在前面一文使用交叉點觀察器延遲加載圖像以提高性能中,已經(jīng)知曉了使...
-
h5報名頁性能優(yōu)化總結最近做了報名頁的第三期，就順手對該項目進行了一些優(yōu)化。先看h5報名頁優(yōu)化前后性能的對比吧： 。優(yōu)化前首屏的秒出率大概是30%左右，優(yōu)化后的首屏秒...
-
原生js之列表優(yōu)化-無限滾動實例
參考 js實現(xiàn)文字列表無縫滾動效果 參考給出的是一個字幕自動滾動的例子，不過這個例子有個坑，就是#rule必須設置高度，否則的話，看不到滾動的效...
-
基于nodejs的雪碧圖制作工具
前顏（yan） 雪碧圖（CSS sprite ），就是把很多小圖標合并為一張圖片。 在Web開發(fā)中，使用雪碧圖是優(yōu)化Web性能的一種方法。 比如...
-
CDN簡談及實現(xiàn)原理分析很多人可能不了解cdn，認為自己沒用過cdn，其實不然，我們已經(jīng)在用了。先舉個栗子，大家有沒有想過為什么雙十一的時候這么多人搶購，流量超級大，為...
-
前端｜訪問短鏈接請加斜杠最近leader給我提了一個優(yōu)化,像訪問 https://example.com/acts/alibaba 這樣的地址時要寫成 https:/...
-
前端｜加載的圖片太多或太大如何優(yōu)化(上)摘要 web性能的終極目標是減少資源到客戶端的延遲,但是我們在HTTP1.0/HTTP1.1協(xié)議中經(jīng)常會遇到加載的圖片太多或者太大導致頁面加載完...
-
吞吐率、吞吐量、TPS、性能測試，紙上不談兵-構建高性能Web站點
一、吞吐率 我們一般使用單位時間內(nèi)服務器處理的請求數(shù)來描述其并發(fā)處理能力。稱之為吞吐率（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', '推薦專題《前端性能優(yōu)化》（ 分享自 @簡書 ）','http://m.itdecent.cn/c/2a50de9d570e?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}