-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當前位置：首頁 > 創(chuàng)意學院 > 技術 > 專題列表 > 正文
在實際當中，只有 10%~20% 的最終用戶響應時間是花在從 Web 服務器獲取 HTML 文檔并傳送到瀏覽器中的。如果希望能夠有效地減少頁面的響應時間，就必須關注剩下的 80%~90% 的最終用戶體驗。這 80%~90%的時間大部分花在等待組件（圖片、樣式表、腳本 等）的下載，還有一小部分時間花在解析 HTML、腳本和樣式表上面。
如果我們將后端的響應時間縮短一半，整體響應時間只能減少 5%~10%；而如果關注前端性能，同樣是將其響應時間減少一半，則整體響應時間可以減少 40%~45%。改進前端通常只需要較少的時間和資源；而減少后端延遲會帶來很大的改動，比如重新設計架構啥的，這些改動需要花數(shù)周或數(shù)月。
web前端性能響應時間指的是（web前端性能響應時間指的是什么意思）
發(fā)布時間：2023-04-22 09:36:51
稿源：
創(chuàng)意嶺 閱讀：
127
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于web前端性能響應時間指的是的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關鍵詞，就能返回你想要的內容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內優(yōu)秀的企業(yè)，服務客戶遍布全球各地，如需了解SEO相關業(yè)務請撥打電話175-8598-2043，或添加微信：1454722008
本文目錄:
一、架構設計的五個核心要素是什么
一、性能
（1）web前端性能優(yōu)化：
（2）應用服務器性能優(yōu)化：
（3）數(shù)據(jù)庫層優(yōu)化：
（4）衡量網(wǎng)站性能的指標（重要的有響應時間、TPS、系統(tǒng)性能計數(shù)器等，通過這些指標以確定系統(tǒng)設計是否達到目標）
（5）高可用：包括高可用的應用、高可用的服務、高可用的數(shù)據(jù)和服務于高可用的監(jiān)控等，關于高可用，我還是決定開個單章講解
二、安全性
三、可用性
四、擴展性
五、伸縮性
天下數(shù)據(jù) 是國內屈指可數(shù)的擁有多處海外自建機房的新型IDC服務商，被業(yè)界公認為“中國IDC行業(yè)首選品牌”。
天下數(shù)據(jù) 與全球近120多個國家頂級機房直接合作，提供包括香港、美國、韓國、日本、臺灣、新加坡、荷蘭、法國、英國、德國、埃及、南非、巴西、印度、越南等國家和地區(qū)的服務器、云服務器的租用服務，需要的請聯(lián)系 天下數(shù)據(jù) 客服！
二、為什么要關注前端性能優(yōu)化
三、tps跟web前端展示時間有關系嗎
1.沒有關系的
2.可以舉一個例子：一個高速路有10個入口，每個入口每秒鐘只能進1輛車
1）請問1秒鐘最多能進幾輛車？
TPS=10
2）每輛車需要多長時間進行響應？
reponse time = 1
3）改成20輛車，每秒能進幾輛？每輛車的響應時間是多長？
TPS = 10，reponse time = 1
4）入口擴展到20個，每秒能進幾輛？每輛車的響應時間是多長？
TPS = 20，reponse time = 1
5）看看，現(xiàn)在TPS變了，響應時間沒變，TPS和響應時間有關系嗎？
木有關系
6）如何理解？
TPS和響應時間在理想狀態(tài)下都是額定值，把入口看成線程池，如果有20個入口，并發(fā)數(shù)只有10的時候，TPS就是10，而響應時間始終是1，說明并發(fā)數(shù)不夠，需要增加并發(fā)數(shù)達到TPS的峰值。
7）同樣是20個入口，如果并發(fā)數(shù)變成100的話，TPS和響應時間會怎么樣呢？
并發(fā)數(shù)到100的時候，就會出現(xiàn)堵車，堵車了平均每個車過去的時間就長了，把100個車按照20一份分成5份，第5份的等待時間就是最長的，從等待開始到這個車進去，實際花費了5秒，那100輛車都過去的響應時間就是（5+4+3+2+1）/5=3，平均的TPS就是（20/1+20/2+20/3+20/4+20/5)/5=8.89（我怎么感覺應該是100/（5+4+3+2+1）=6.67啊！）
8）由此可知，TPS和響應時間宏觀上是倒數(shù)關系，但是兩者實際上木有直接的關系的，在上例中，系統(tǒng)只存在20個線程，100的并發(fā)就會造成線程的等待，引起平均響應時間從1秒增加到3秒，TPS從20下降到9，TPS和響應時間都是單獨計算出來的，并不是互相算出來的！
9）同樣可知，在并發(fā)量保持不變的情況下，提高TPS的手段有幾種？
A、增加線程池的數(shù)量（入口）B、降低每輛車入關的時間（也就是提高單個線程的處理效率）
10）從TPS和response time的定義查看這2者的區(qū)別？
TPS = 在場景或者灰化步驟運行的每一秒鐘中，每個事務通過、失敗以及停止的次數(shù)
也就是說，TPS = 總的通過、失敗的事務總數(shù)/整個場景的運行時間；
reponse time = 每個事務完成實際需要的時間/事務處理數(shù)目
四、web前端優(yōu)化
您好
1. 盡量減少 HTTP 請求 (Make Fewer HTTP Requests)
作為第一條，可能也是最重要的一條。根據(jù) Yahoo! 研究團隊的數(shù)據(jù)分析，有很大一部分用戶訪問會因為這一條而取得最大受益。有幾種常見的方法能切實減少 HTTP 請求：
1) 合并文件，比如把多個 CSS 文件合成一個；
2) CSS Sprites 利用 CSS background 相關元素進行背景圖絕對定位；參見：CSS Sprites: Image Slicing's Kiss of Death
3) 圖像地圖
4) 內聯(lián)圖象 使用 data: URL scheme 在實際的頁面嵌入圖像數(shù)據(jù).
2. 減少 DNS 查找 (Reduce DNS Lookups)
必須明確的一點，DNS 查找的開銷是很大的。另外，我倒是覺得這是 Yahoo! 所有站點的通病，Yahoo！主站點可能還不夠明顯，一些分站點，存在明顯的類似問題。對于國內站點來說，如果過多的使用了站外的 Widget ，也很容易引起過多的 DNS 查找問題。
3. 避免重定向 (Avoid Redirects)
不是絕對的避免，盡量減少。另外，應該注意一些不必要的重定向。比如對 Web 站點子目錄的后面添加個 / (Slash) ，就能有效避免一次重定向。如果是 Apache 服務器，通過配置 Alias 或mod_rewrite 或是 DirectorySlash 能夠消除這個問題。
4. 使得 Ajax 可緩存 (Make Ajax Cacheable)
響應時間對 Ajax 來說至關重要，否則用戶體驗絕對好不到哪里去。提高響應時間的有效手段就是 Cache 。其它的一些優(yōu)化規(guī)則對這一條也是有效的。
5. 延遲載入組件 (Post-load Components)
6. 預載入組件 (Preload Components)
上面兩條嚴格說來，都是屬于異步這個思想靈活運用的事兒。
7. 減少 DOM 元素數(shù)量 (Reduce the Number of DOM Elements)
8. 切分組件到多個域 (Split Components Across Domains)
主要的目的是提高頁面組件并行下載能力。但不要跨太多域名，否則就和第二條有些沖突了。
9. 最小化 iframe 的數(shù)量 (Minimize the Number of iframes)
熟悉 SEO 的朋友知道 iframe 是 SEO 的大忌。針對前端優(yōu)化來說 iframe 有其好處，也有其弊端，一分為二看問題吧。
10. 杜絕 http 404 錯誤 (No 404s)
對頁面鏈接的充分測試加上對 Web 服務器 error 日志的不斷跟蹤能有效減少 404 錯誤，亦能提升用戶體驗。值得一提的是，CSS 與 Java Script 引起的 404 錯誤因為定位稍稍"難"一點而往往容易被忽略。
這是內容篇的 10 條。應該說具體引導性的內容還不夠詳細。逐漸會根據(jù)自己的理解補充上來。
以上就是關于web前端性能響應時間指的是相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內容。
推薦閱讀：
javaee和javaweb區(qū)別（java ee和javaweb一樣嗎）
贛公網(wǎng)安備 50019002502384號
