1. 程式人生 > >java web 效能優化----瀏覽器優化

java web 效能優化----瀏覽器優化

一、瀏覽器端,關於瀏覽器端優化,分很多個方面
1、壓縮原始碼和圖片
JavaScript檔案原始碼可以採用混淆壓縮的方式,CSS檔案原始碼進行普通壓縮,JPG圖片可以根據具體質量來壓縮為50%到70%,PNG可以使用一些開源壓縮軟體來壓縮,比如24色變成8色、去掉一些PNG格式資訊等。

2、選擇合適的圖片格式
如果圖片顏色數較多就使用JPG格式,如果圖片顏色數較少就使用PNG格式,如果能夠通過伺服器端判斷瀏覽器支援WebP,那麼就使用WebP格式和SVG格式。

3、合併靜態資源
包括CSS、JavaScript和小圖片,減少HTTP請求。有很大一部分使用者訪問會因為這一條而取得最大受益

4、開啟伺服器端的Gzip壓縮

這對文字資源非常有效,對圖片資源則沒那麼大的壓縮比率。

5、使用CDN
或者一些公開庫使用第三方提供的靜態資源地址(比如jQuery、normalize.css)。一方面增加併發下載量,另一方面能夠和其他網站共享快取。

6、延長靜態資源快取時間
這樣,頻繁訪問網站的訪客就能夠更快地訪問。不過,這裡要通過修改檔名的方式,確保在資源更新的時候,使用者會拉取到最新的內容。

7、把CSS放在頁面頭部,把JavaScript放在頁面底部
這樣就不會阻塞頁面渲染,讓頁面出現長時間的空白。

相關推薦

java web 效能優化----瀏覽器優化

一、瀏覽器端,關於瀏覽器端優化,分很多個方面1、壓縮原始碼和圖片JavaScript檔案原始碼可以採用混淆壓縮的方式,CSS檔案原始碼進行普通壓縮,JPG圖片可以根據具體質量來壓縮為50%到70%,PNG可以使用一些開源壓縮軟體來壓縮,比如24色變成8色、去掉一些PNG格式

Java Web實現使用瀏覽器從伺服器下載檔案(後臺)

Java Web實現 使用瀏覽器從伺服器下載檔案。 下面實現兩種情況的下載,需求如下:需求(一):1、使用者在頁面填寫表單。 2、填寫完成後,選擇下載,將表單內容發往後臺。 3、後臺根據內容生產一個檔案,傳送給前端。 4、前端成功下載檔案到本地。 此需求簡單來說就是,使用者在

java web 下載檔案 瀏覽器彈出下載框

前端js檔案:window.open("feeWarning/excelQfAll");//訪問後臺springmvc中的excelQfAll方法得到下載的資源 採用的springmvc框架 後臺java檔案: public void excelQfAll(HttpServ

web效能優化-瀏覽器工作原理

要徹底瞭解web效能優化的問題,得搞清楚瀏覽器的工作原理。 我們需要了解,你在瀏覽器位址列中輸入url到頁面展示的短短几秒中,瀏覽器究竟做了什麼,才能瞭解到為什麼我們口中所說的優化方案能夠起到優化作用。 瀏覽器的多程序架構(以下的例子都是以chrome為例) chrome由多個程序組成,每個程序都有自己

java web專案效能優化之五花八門

       最近是做了半年的專案到了最後測試準備上線了,流程走通後開始做一些效能測試,在此期間做了很多效能優化的工作,在此做下筆記,分享一下。交流一下,希望同道中人有新的東西歡迎補充。在此就不做太多的具體操作,主要還是從思路上出發。       效能優化主要從幾個方面著手

最常被遺忘的 Web 效能優化瀏覽器快取

一提起快取, Web開發者們總是在想資料庫快取、頁面靜態化、使用 Redis記憶體快取。這些方法都有一個共性,就是集中在後臺,目的就是加快資料的讀取,少用比較容易產生瓶頸的部分。 後臺該優化的都優化到了最佳狀態,卻往往疏忽了一個非常重要的過程,就是資料傳輸。想著如何快速

web效能優化:詳說瀏覽器快取

TOC 背景瀏覽器的總流程圖一步一步說快取 樸素的靜態伺服器設定快取超時時間html5 Application CacheLast-Modified/If-Modified-SinceEtag/If-None-Match 什麼是Etag為什麼有了Last-Modified

Java基礎學習總結(135)——Java程式碼效能優化實踐經驗再總結

前言 程式碼優化的最重要的作用應該是:避免未知的錯誤。在程式碼上線執行的過程中,往往會出現很多我們意想不到的錯誤,因為線上環境和開發環境是非常不同的,錯誤定位到最後往往是一個非常小的原因。然而為了解決這個錯誤,我們需要先自驗證、再打包出待替換的class檔案、暫停業務並重啟,對於一個成熟的專

web開發效能優化---程式碼優化

原文:https://blog.csdn.net/fuyifang/article/details/40519421  1、合理使用快取使用 提高效能最好最快的辦法當然是通過快取來改善,對於任何一個web開發者都應該善用快取。Asp.net下的快取機制十分強大,用好快取機制可以讓我

從零寫一個Java WEB框架(六)Controller層優化

該系列,其實是對《架構探險》這本書的實踐。本人想記錄自己的學習心得所寫下的。 從一個簡單的Servlet專案開始起步。對每一層進行優化,然後形成一個輕量級的框架。 每一篇,都是針對專案的不足點進行優化的。 專案已放上github

從零寫一個Java WEB框架(三)Dao層優化

該系列,其實是對《架構探險》這本書的實踐。本人想記錄自己的學習心得所寫下的。 從一個簡單的Servlet專案開始起步。對每一層進行優化,然後形成一個輕量級的框架。 每一篇,都是針對專案的不足點進行優化的。 專案已放上github

從零寫一個Java WEB框架(二)Server層 優化

該系列,其實是對《架構探險》這本書的實踐。本人想記錄自己的學習心得所寫下的。 從一個簡單的Servlet專案開始起步。對每一層進行優化,然後形成一個輕量級的框架。 每一篇,都是針對專案的不足點進行優化的。 專案已放上github 上一篇地

輕鬆實現 Web 效能優化

原文作者:Addy Osmani 譯者:UC 國際研發 Jothy 寫在最前:歡迎你來到“UC國際技術”公眾號,我們將為大家提供與客戶端、服務端、演算法、測試、資料、前端等相關的高質量技術文章,不限於原創與翻譯。 這是一篇關於效能優化的文章,是一篇非常值得你閱讀的文章,文章的內容非常豐富,大概你花5

Java程式效能優化—十年碼農總結的程式設計小技巧

程式的效能受程式碼質量的直接影響。在本文中,主要介紹一些程式碼編寫的小技巧和慣例,這些技巧有助於在程式碼級別上提升系統性能。 1、慎用異常 在Java軟體開發中,經常使用 try-catch 進行錯誤捕獲,但是,try-catch 語句對系統性能而言是非常糟糕的。雖然在一次 try-catc

35 個 Java 程式碼效能優化總結(一)

前言 程式碼優化,一個很重要的課題。可能有些人覺得沒用,一些細小的地方有什麼好修改的,改與不改對於程式碼的執行效率有什麼影響呢?這個問題我是這麼考慮的,就像大海里面的鯨魚一樣,它吃一條小蝦米有用嗎?沒用,但是,吃的小蝦米一多之後,鯨魚就被餵飽了。程式碼優化也是一樣,如果專案著眼於儘快無BUG

Java程式設計效能優化技巧,乾貨分享!

Java程式設計效能優化技巧,乾貨分享! 此時靜態變數b的生命週期與A類同步,如果A類不會解除安裝,那麼b物件會常駐記憶體,直到程式終止。 3儘量避免過多過常的建立Java物件 儘量避免在經常呼叫的方法,迴圈中new物件,由於系統不僅要花費時間來建立物件,而且還要花時間對這些

web 效能簡單優化

一、瀏覽器端,關於瀏覽器端優化,分很多個方面 1、壓縮原始碼和圖片 JavaScript檔案原始碼可以採用混淆壓縮的方式,CSS檔案原始碼進行普通壓縮,JPG圖片可以根據具體質量來壓縮為50%到70%,PNG可以使用一些開源壓縮軟體來壓縮,比如24色變成8色、去掉一些PNG格式資訊等。

Java程式效能優化 第一版】第四章

                                 第4章  並行程式開發與優化    本章主要介紹基於Java的並行程式開發及其優化方法。對於多核CPU,傳統的序列程式已經無法很好發揮CPU的效能。此時,就需要通過使用多執行緒並行的方式挖掘CPU的潛能。本章

Java高併發(五)——Lock優化,提高效能

       前邊我們講了,多執行緒的世界,多執行緒的基礎操作,多執行緒協作,多執行緒管理——執行緒池。其中多執行緒為什麼麻煩,就因為執行緒並行操作,對共享資源的爭奪,會出現執行緒安全問題。而我們解決執行緒安全問題的方案是同步(鎖資源,序列使用),序列就會出現

35 個 Java 程式碼效能優化總結

前言 程式碼優化,一個很重要的課題。可能有些人覺得沒用,一些細小的地方有什麼好修改的,改與不改對於程式碼的執行效率有什麼影響呢?這個問題我是這麼考慮的,就像大海里面的鯨魚一樣,它吃一條小蝦米有用嗎?沒用,但是,吃的小蝦米一多之後,鯨魚就被餵飽了。程式碼優化也是