整理 | 郭露
出品 | CSDN(ID:CSDNnews)
當你打開購物網站,你願意花多久的時間等它加載好所有内容?5秒?10秒?還是20秒?Dynatrace研究表示,大部分人的耐心其實隻有3秒鐘。3秒内還沒有加載出來人們可能會轉而選擇另一個網站。人們的耐心往往不允許購物網站過多的加載時間。因此對于這些網站來說,這勢必會損失大量的銷量。此時時間就是金錢。
最近,網站開發工程師Amila Welihinda表示,100ms的延遲會讓亞馬遜網站的銷量下跌1%。對此他表示,其團隊正在進行開發,目标是将亞馬遜網站的加載時間減半。
圖源自推特
經過大量的實踐,該團隊摸索出了幾種優化解決方案:
1.最先加載折疊上方的内容
在去掉部分内容和功能以加載ATF後,網站延遲縮短到了500ms,銷售量增加了5%。
2. 采用更好的渲染框架
亞馬遜官網采用服務器端渲染,而沒有客戶端渲染框架。潛在的延遲問題并不能證明這一點。Amila團隊一直使用jQuery 1.6.4,但其速度并未達到預期。
3. 追蹤關鍵信息
追蹤關鍵性能指标,從而更加針對性地進行優化。
主要追蹤信息:
折疊上方加載内容的時間
顯示第一件物品的時間
頁面完整顯示的時間
加載廣告的時間
頁面布局就緒的時間
4. 對所有重大變化進行A/B測試
如果網頁版本表現不佳,導緻銷量下降,團隊會直接采用舊版本。
5. 删除未使用的補丁
由于亞馬遜仍然使用的是IE 10,并不支持Promises。因此團隊在IE上進行了優化,而去掉了其他浏覽器上的兼容包。
6. 為各浏覽器提供不同的bundle
在服務器端識别浏覽器(通過浏覽器嗅探),并提供針對該浏覽器的bundle包。團隊可通過模塊的文件名(例如:./my-feature.ie.js)定義特定浏覽器的功能。
《新程序員003》正式上市,50餘位技術專家共同創作,雲原生和數字化的開發者們的一本技術精選圖書。内容既有發展趨勢及方法論結構,華為、阿裡、字節跳動、網易、快手、微軟、亞馬遜、英特爾、西門子、施耐德等30多家知名公司雲原生和數字化一手實戰經驗!
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!