前端面試題------優化瀏覽器性能的彙總

原創

2020-06-21 11:23

最佳實踐

最佳實踐我們引用的來自yahoo前端性能團隊總結的35條黃金定律。原文猛擊這裏。

下面我們分門別類將每條的關鍵點總結一下。

網頁內容

減少http請求次數

減少DNS查詢次數

避免頁面跳轉

減少DOM元素數量

根據域名劃分內容

減少iframe數量

服務器

添加Expires 或Cache-Control報文頭

Gzip壓縮傳輸文件

儘早flush輸出

使用GET Ajax請求

避免空的圖片src

Cookie

減少Cookie大小

頁面內容使用無cookie域名

CSS

將樣式表置頂

避免CSS表達式

用<link>代替@import

避免使用Filters

Javascript

將腳本置底

使用外部Javascirpt和CSS文件

精簡Javascript和CSS

去除重複腳本

減少DOM訪問

使用智能事件處理

圖片

優化CSS Sprite

不要在HTML中縮放圖片

使用小且可緩存的favicon.ico

移動客戶端

保持單個內容小於25KB

打包組建成符合文檔

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

一小時總結 -- MySql 知識（一）

一小時總結 – MySql 知識（一）數據庫知識是開發和麪試必須掌握的知識，只有瞭解數據庫的脾性才能更好的使用它。在衆多數據庫軟件裏面，Oracle 的性能最強悍，目前基本上還沒有 Oracle 一體機跑不動的應用（如果有隻

2020-07-07 04:51:15

【字節跳動】秋招提前批，逆襲的最好機會（內附個人求職經驗）

寫在前面：筆者來自一所雙非學校，大三在讀，目前以實習生的身份加入了抖音直播-IOS開發組。我理解大多數與我相同出身的同學有各種各樣的顧慮，但我們如果希望能對得起自己的努力，在激烈的就業競爭中脫穎而出，那麼我們必須要學會把握機會，揚長避短

2020-07-06 06:34:49

算法工程師面試筆記

@AUTHOR：Jiawei Li @DATE ： 09/29/2019 本文全文約8600字，閱讀估計需要25分鐘前言最近趁着秋招的熱度投了一波簡歷，本着開源的精神，整理了一下各個廠的面試問題，歡迎大家評論交流~ 目錄（

2020-07-05 18:04:50

深圳有方科技筆試題(c語言)

編程和簡答題 1. static全局便娘與普通全局變量有什麼區別？static局部變量和普通局部變量有什麼區別？satic函數與普通函數有什麼區別? static全局變量只初使化一次，防止在其他文件單元中被引用（修改鏈接屬性）;stati

2020-07-05 07:10:52

java面試(框架總結)

Spring Spring 是一種用來簡化企業級應用開發的開源框架，包括Spring Framework, Spring Data, Spring Security，Spring Boot，SpringMVC等。Spring 家族最核心的

2020-07-05 03:37:09

java面試（多線程總結）

線程和進程的基本定義線程：是一個比進程更小的執行單位，能夠完成進程中的一個功能，也被稱爲輕量級進程。一個進程在其執行的過程中可以產生多個線程。【注】線程與進程不同的是：同類的多個線程共享進程的堆和方法區資源，但每個線程有自己的程序計數

2020-07-05 03:37:09

java 中#{}與${}的區別

面試碰到的問題總結如何： #{}: 表示一個佔位符號,實現向PreparedStatement佔位符中設置值(#{}表示一個佔位符?) 自動進行從Java類型到JDBC類型的轉換(因此#{}可以有效防止SQL注入). #{}可以接收簡單類

2020-07-05 03:37:09

Java 面試（jvm總結）

1.什麼是Java虛擬機？爲什麼被稱作是“跨平臺的編程語言” Java虛擬機是一個可以執行Java字節碼的虛擬機進程。Java源文件被編譯成能被Java虛擬機執行的字節碼文件。 Java被設計成允許應用程序可以運行在任意的平臺，而不需要程

2020-07-05 03:37:09

Java 面試（數據結構總結）

HashMap的工作原理 1. 底層思想 HashMap是基於hashing的原理，我們使用put(key, value)存儲對象到HashMap中，使用get(key)從HashMap中獲取對象。從而實現對數據的讀寫。底層數組+鏈表實

2020-07-05 03:37:09

Java 面試 mysql索引失效的幾種情況

1.對索引列進行任何操作（計算（+、-、*、/等）、函數、自動/手動類型轉換）導致索引失效。錯誤的例子：select * from test where id-1=9; 正確的例子：select * from test where id

2020-07-05 03:37:09

Integer a=100,b=200詳細比較

最近面試問到的總結下假如 Integer a =100 Integer b =100 a == b 是否爲true 我回答的是true 假如 Integer a =200 Integer b =200 a == b 是否爲true

2020-07-05 03:37:09

java面試(基礎總結)

Java八種基本數據類型類型大小封裝類 byte 1字節 Byte short 2字節 Short int 4字節 Integer

2020-07-05 03:37:09

面試總結之-哈希算法分析

哈希（散列表）哈希也是面試的超高頻題，但是一般不需要自己設計哈希函數（常用的要不把輸入轉換成一個整數然後對素數取模，要不找一個二進制串來做異或），所以哈希的重點跟平衡樹很像，只需要知道什麼情況下使用hash，不用自己寫內部實現，用到

2020-07-04 02:47:19

【面試】推免研究生複試面試

第二次面試總結(推免研究生複試面試) 複試面試分兩個部分。第一個部分就是面試英語。老師給一段或多段英文短文，讓我朗讀。第一遍過後，老師指出了哪

2020-07-03 13:46:29

數組去重算法總結

const testArray = [ { label: 'Banana', color: 'yellow', taste: 'sweet', price: 4.38, hometown: 'Tailand', i

2020-07-02 12:54:09

24小時熱門文章

最新文章

最新評論文章