我正在閱讀關於Responsive Web Design
的各種文章,並且我發現網站性能對於良好的用戶體驗有多重要,但是我無法理解除了快速加載時間之外,網站性能究竟意味着什麼?網站性能指的是什麼?
回答
通過響應式設計,負責意味着僅加載特定設備所需的資源。例如,您不一定會將超大圖像發送到小型移動設備,也不會爲不適用於特定設備的應用程序加載繁重的JavaScript。
什麼原因導致性能下降?
大多數糟糕的性能是我們的錯:2012年的平均頁面重量超過1兆字節。這種權重很大程度上來自阻止資產,如Javascript和CSS,從而阻止顯示頁面。 網頁上圖像的平均大小爲788KB。這是很多發送到移動設備。 平均每個轉移Javascript爲211KB。這來自我們選擇包含在第三方網絡中的庫和代碼。這筆費用總是轉移給我們的用戶。我們需要停止爲開發人員提供便利的東西,而是爲了用戶體驗而構建它們。 86%的響應式設計向所有設備發送相同的資產。從用戶的角度來看
網站性能通常意味着加載時間+顯示時間+對用戶操作響應速度快......但實際上它要複雜得多。
從設計者的角度來看,您需要擔心問題的有限部分 - 試着讓您的設計減少資源消耗(數據大小,請求數,CPU,內存,用戶操作)。
有很多的知識在那裏 - 這篇文章或許對你來說有趣: https://developers.google.com/speed/docs/best-practices/rules_intro
伊利亞Gregoriks談Breaking the 1000ms Time to Glass Mobile Barrier解釋說,移動的延遲是個大問題。與非移動設備相比,每個附加請求都會產生巨大影響。
在加載時間之上,我假設必須考慮移動設備上不同的CPU速度。如果頁面由於havy JavaScript而感覺呆滯,則使用移動用戶將不會使用您的頁面。我訪問的幾頁也沒有在我的android平板電腦上工作;由於手機市場份額在不斷增加,每一個沒有考慮到這一點的網頁將會造成遊客數量減少
- 1. 什麼是測試php網站的負載性能的方式?
- 2. 中檔網站性能指標
- 3. 我的網站的網址是什麼?
- 4. 是.htacess大小減少網站的性能?什麼是.htacess的最大大小?
- 5. 什麼是生產網站?
- 6. PHPUnit:'屬性'是指什麼?
- 7. 什麼可能是該網站突然返回System.Data.OleDb.OleDbException:未指定的錯誤?
- 8. 有什麼好的網站性能分析工具? (前端)
- 9. 高性能網站
- 10. 這指的是onfilterchange屬性是什麼?
- 11. 網站項目的目的是什麼?
- 12. 什麼是最好的方法或測試網站兼容性
- 13. 測量網站的性能
- 14. 增加網站的性能?
- 15. MySQL的性能網站表
- 16. 什麼是CakePHP最大的網站?
- 17. 什麼是.net中「組件」的「網站」?
- 18. Hakyll網站的根源是什麼?
- 19. 什麼網站是JQuery的好例子
- 20. Codepad.org網站的原則是什麼?
- 21. 什麼是libavcodec的官方網站?
- 22. 什麼應該是網站的寬度?
- 23. 什麼是SSIS包的最佳網站
- 24. 什麼是不支持iframing的網站?
- 25. 什麼是上傳照片的網站的最佳網站託管網站?
- 26. 發展網站和客戶網站的含義是什麼?
- 27. 是什麼阻止網站X讀取網站Y的cookies?
- 28. 網站背後的技術(Google網站,Shoppify等)是什麼?
- 29. 爲什麼鉻不能翻譯網站?
- 30. 構建智能手機網站的JavaScript框架是什麼?