頁面效能優化
頁面開啟時載入速度達到了驚人的6s乃至10s,經過對介面的排查,發現兩個介面資料量極大,為了解決載入過慢的問題,採取快取進行優化。
在使用快取前,通常要考慮快取的命中和快取的更新策略。如果快取命中率太低,無法達到優化的效果,而如果快取更新頻率過高,不考慮清楚更新策略或者未更新往往會導致快取中資料與實際資料不符。
在進行快取新增時,考慮到一些固有的poi詳情資料是極少甚至幾乎不更新,資料長度雖不大,但是請求量很高,所以採用memcache將poi詳情資料快取,並設定1d左右的失效時間;對於畫冊圖片等需要向額外伺服器rpc請求的資料,也採取memcache進行快取,並設定7d的失效(考慮到畫冊等更新頻率更低或者更新影響不大);對於龐大的ugc資料,使用redis進行快取,時效時間1d左右。
經過以上快取處理,頁面載入速度穩定在了2s左右。對於以上配置,只有redis考慮了快取更新,在ugc有了更改後,會失效當前redis,其餘配置更新較少和影響問題,並未考慮更新。
相關推薦
頁面效能優化辦法有哪些?
網際網路有一項著名的8秒原則。使用者在訪問Web網頁時,如果時間超過8秒就會感到不耐煩,如果載入需要太長時間,他們就會放棄訪問。大部分使用者希望網頁能在2秒之內就完成載入。事實上,載入時間每多1秒,你就會流失7%的使用者。8秒並不是準確的8秒鐘,只是向網站開發者表明了載入時間的重要性。那我們如何優化
頁面效能優化辦法有哪些
引子 網際網路有一項著名的8秒原則。使用者在訪問Web網頁時,如果時間超過8秒就會感到不耐煩,如果載入需要太長時間,他們就會放棄訪問。大部分使用者希望網頁能在2秒之內就完成載入。事實上,載入時間每多1秒,你就會流失7%的使用者。8秒並不是準確的8秒鐘,只是向網站開發者表明了載入時間的重要性。那我
[轉載]雅虎團隊經驗:網站頁面效能優化的34條黃金守則
最近在看HTTP相關的內容,偶然看到一篇不錯的博文,現分享給大家。 雅虎團隊經驗:網站頁面效能優化的34條黃金守則1、儘量減少HTTP請求次數 終端使用者響應的時間中,有80%用於下載各項內容。這部分時間包括下載頁面中的影象、樣式表
頁面效能優化的34條黃金守則
1、儘量減少HTTP請求次數 2、減少DNS查詢次數 域名系統(DNS)提供了域名和IP的對應關係,就像電話本中人名和他們的電話號碼的關係一樣。當你在瀏覽器位址列中輸入www.rjboy.cn時,DNS解析伺服器就會返回這個域名對應的IP地址。DNS解析的過程同樣也是需要時間的。一般情
Web前端教程分享:頁面效能優化辦法有哪些?
引子 網際網路有一項著名的8秒原則。使用者在訪問Web網頁時,如果時間超過8秒就會感到不耐煩,如果載入需要太長時間,他們就會放棄訪問。大部分使用者希望網頁能在2秒之內就完成載入。事實上,載入時間每多1秒,你就會流失7%的使用者。8秒並不是準確的8秒鐘,只是向網站開發者表
前端頁面效能優化的幾種方式
本文最初發表於部落格園,並在GitHub上持續更新前端的系列文章。歡迎在GitHub上關注我,一起入門和進階前端。 以下是正文。 前言 提升頁面效能優化的常見方式: 1、資源壓縮合並,減少http請求 2、非核心程式碼非同步載入 --> 非同步載入的方式 --> 非同步載入的區別 3、利
雅虎網站頁面效能優化的34條黃金守則
雅虎團隊經驗:網站頁面效能優化的34條黃金守則 目錄 6、預載入 1、儘量減少HTTP請求次數 終端使用者響應的
vue-router和webpack懶載入,頁面效能優化篇
在vue單頁應用中,當專案不斷完善豐富時,即使使用webpack打包,檔案依然是非常大的,影響頁面的載入。如果我們能把不同路由對應的元件分割成不同的程式碼塊,當路由被訪問時才載入對應的元件(也就是按需載入),這樣就更加高效了。——引自vue-router官方文件 如何實現?? vue
頁面效能優化的方法
引子 網際網路有一項著名的8秒原則。使用者在訪問Web網頁時,如果時間超過8秒就會感到不耐煩,如果載入需要太長時間,他們就會放棄訪問。大部分使用者希望網頁能在2秒之內就完成載入。事實上,載入時間每多1秒,你就會流失7%的使用者。8秒並不是準確的8秒鐘,只是向網站開發者表明了
web移動端頁面 效能優化技術學習筆記
http://limu.iteye.com/blog/765173https://blog.csdn.net/u010683915/article/details/71043188CSS優化1、儘量避免寫在HTML標籤中寫Style屬性。2、避免CSS表示式,CSS表示式的執
前端頁面效能優化
前言 最近參加了兩次社招,發現社招面試都會問到效能優化以及框架原理。當中效能優化即使我知道好幾種,然而我面試時總是很容易想不起來,只答出了兩三種。因此,寫一篇部落格來對效能優化做一下研究,加深理解。 1、壓縮 合併 對於 前端效能優化 自然要關注 首屏 開啟速度,而這個
頁面效能優化
頁面開啟時載入速度達到了驚人的6s乃至10s,經過對介面的排查,發現兩個介面資料量極大,為了解決載入過慢的問題,採取快取進行優化。 在使用快取前,通常要考慮快取的命中和快取的更新策略。如果快取命中率太低,無法達到優化的效果,而如果快取更新頻率過高,不考慮清楚更新策略或者未更
iOS 效能優化之頁面載入速率
前言 之前蒐羅了網上很多關於iOS效能優化方面的資料 ,本人和我的小夥伴們也用了一些時間針對自己的App進行了App的啟動速率、頁面的載入速率和 頁面的幀率方面進行了優化,所以結合了理論和實踐,把我們在實踐中主要踩過的坑和需要注意的東西 ,總結了一下,希望可以
前端階段性總結(二):頁面渲染機制與效能優化
引言: 轉前端一年了,期間工作較忙,也沒時間整理一些知識體系,此係列文章是對前端基礎的一些回顧與總結。本文主要介紹瀏覽器工作的原理以及一些優化手段。 一、瀏覽器渲染過程 1. 瀏覽器的主要結構: 2. 瀏覽器的多程序模型: 以chorme為例: Browser
iOS 頁面跳轉效能優化
基礎知識 想在螢幕上顯示一個檢視,我們只需要簡單地實現以下程式碼,並執行Application到模擬器或真機即可。 圖1 -渲染服務程序 雖然看到的效果跟Application的程式碼是一一對應的,但檢視繪
網站效能優化之_頁面靜態化
現在網際網路發展越來越迅速,對網站的效能要求越來越高,也就是如何應對高併發量。像12306需要應付上億人同時來搶票,淘寶雙十一……所以,如何提高網站的效能,是做網站都需要考慮的。首先網站效能優化的方面有很多:1,使用快取,最傳統的一級二級快取;2,將服務和資料
Vue單頁面應用效能優化實踐
Vue單頁面應用效能優化實踐最近業餘時間一直在做一個個人專案,使用的是vue+vue-router實現的單頁面應用。相對於多頁面應用來說,其實單頁面應用對效能優化的要求要更高,因為首屏載入的檔案要更大,
web前端效能優化--如何提高頁面載入速度
對一名前端工作人員來說,效能的優化還是很重要的. 減少http請求 1.圖片地圖:假設導航欄有多張圖片,點選每張圖片都會進入一個連線,這樣在載入時就會產生多個htttp請求.而此時如果我們用圖片地圖——所有點選提交到同一個url,同時提交使用者點選
效能優化:虛擬列表,如何渲染10萬條資料的dom,頁面同時不卡頓
最近做的一個需求,當列表大概有2萬條資料,又不讓做成分頁,如果頁面直接渲染2萬條資料,在一些低配電腦上可能會照成頁面卡死,基於這個需求,我們來手寫一個虛擬列表 思路 列表中固定只顯示少量的資料,比如60條 在列表滾動的時候不斷的去插入刪除dom startIndex、endIndex,不斷的改變這個值來獲取
Django之使用celery和NGINX生成靜態頁面實現效能優化
效能優化原理: 當我們要給client瀏覽器返回一個頁面時,我們需要去資料庫查詢資料並將資料和基本頁面模板渲染形成頁面返回給客戶端,但如果每一個使用者訪問時都去查詢一次首頁的的資料時,當日訪問量很大時那麼無疑會給資料庫查詢帶來很大的效能問題。為了解決這個問題,我們可以給未登入使用者返回一個早就渲染好的靜態首