常見的web效能優化方法

2021-08-09 02:07:33 字數 674 閱讀 7315

function mycallback(info)

html:

cb返回的內容 :

mycallback(『hello world!』);

像以上這種方式直接在頁面上寫

這樣乙個選擇符,如果是從右往左解析則效率會很高,因為第乙個 id選擇基本上就把查詢的範圍限定了,但實際上瀏覽器對選擇符的解析是從右往左進行的。如上面的選擇符,瀏覽器必須遍歷查詢每乙個 a標籤的祖先節點,效率並不像之前想象的那樣高。根據瀏覽器的這一行為特點,在寫選擇符的時候需要注意很多事項,有人已經一一枚舉了, 詳情參考此處。

3. html

對 html本身的優化現如今也越來越多的受人關注了,詳情可以參見這篇 總結性文章 。

4. image壓縮

壓縮是個技術活,不過現如今這方面的工具也非常多,壓縮之後往往能帶來不錯的效果,具體的壓縮原理以及方法在《 even faster web sites》第10 章有很詳細的介紹,有興趣的可以去看看。

總結 本文從頁面級以及**級兩個粒度對前端優化的各種方式做了乙個總結,這些方法基本上都是前端開發人員在開發的過程中可以借鑑和實踐的,除此之外,完整的前端優化還應該包括很多其他的途徑,例如 cdn、 gzip、多網域名稱、無 cookie伺服器等等,由於對於開發人員的可操作性並不強大,在此也就不多敘述了,詳細的可以參考 yahoo和google 的這些「金科玉律。

Web效能優化的常見技巧

保持連線,使其復用 後端優化sql語句的查詢速度,使其更快的返回給前端資料 一般由財務決定,涉及預算問題。後端開啟gzip 壓縮,瀏覽器會自動解壓縮 調整其載入順序,讓使用者先看到頁面,在實現其js的功能 先載入使用者看到的,在按需載入剩餘的。後端設定快取時間,可以使用hash值判定是否需要更新對應...

Pandas常見的效能優化方法

pandas是資料科學和資料競賽中常見的庫,我們使用pandas可以進行快速讀取資料 分析資料 構造特徵。但pandas在使用上有一些技巧和需要注意的地方,如果你沒有合適的使用,那麼pandas可能執行速度非常慢。本文將整理一些pandas使用技巧,主要是用來節約記憶體和提高 速度。在pandas中...

web開發常見效能優化方式

經常使用的高併發。高效能web,資料庫server。1.html 靜態化 如新聞頻道更新的非常快,都是通過cms靜態生成 門戶,資訊公布型別的站點,互動性高的如貓撲的大雜燴也是靜態化,實時靜態化。假設有更新就實時又一次靜態化 更新頻率小的 2.server分離 3.資料庫集群 和庫表雜湊 有web速...