常見的前端優化技巧有哪些

2022-09-01 09:27:15 字數 742 閱讀 4116

大體

減少伺服器請求數

1. 將多個js/css檔案進行合併

2. 不需要經常改動時,可使用css sprite

3. 如果僅單個頁面使用某js/css檔案,可以直接將檔案內容放於html頁面中(若多個頁面共用相同的js/css檔案,則不應要這麼做,而應利用好瀏覽器的快取功能)

加快資源訪問速度

1. cdn

減小檔案大小

1. 將適當壓縮(e.g. tinypng)

2. 壓縮js/css檔案

提高**執行效率

js需要多次使用物件(比如需要遍歷的物件的.length),應該先將其存為乙個變數,然後呼叫該變數以減少js查詢的時間

於頁面底部引入指令碼,先將頁面內容呈現給使用者

提高**復用率,減少**冗餘

css於頁面頭部引入樣式,避免使用者看到布局錯亂的內容

不要使用css表示式(已經很少有人用了,我也沒用過。。。只是有聽說過)

html

主要是seo方面的優化,新增name為keyword何description的meta標籤,減少外鏈,外鏈加上rel=」nofollow」,標籤盡量符合語義

其他預解析

比如首頁新增

利用快取

總結:像壓縮這種方法對提高網頁載入速度的效果是很明顯的,但是有些優化方法對於訪問量小的小型**而言並沒有什麼必要,比如:如果某js檔案本來就只有100來行,壓縮後減少的檔案大小對頁面訪問速度的提高等於沒有,對伺服器壓力的減少也近乎沒有

前端優化方案有哪些?

主要分為頁面級優化和 級的優化 一 頁面級優化 1.減少http請求數 2.合理設定http快取 被快取的資源返回的狀態碼是304,只有header沒有body,節省了頻寬 3.資源合併了與壓縮,盡可能將外部的指令碼,樣式進行合併,多個合為乙個,另外可以通過工具對css,js 進行壓縮 4.css ...

MySQL資料庫優化技巧有哪些?

開啟查詢快取,優化查詢。explain你的select查詢,這可以幫你分析你的查詢語句或是表結構的效能瓶頸。explain的查詢結果還會告訴你你的索引主鍵被如何利用的,你的資料表是如何被搜尋和排序的。為搜尋欄位建索引。prepared statements,預編譯語句prepared stateme...

常見優化Sql查詢效能的方法有哪些?

查詢條件減少使用函式,避免全表掃瞄 減少不必要的表連線 有些資料操作的業務邏輯可以放到應用層進行實現 可以使用with as 使用 臨時表 暫存中間結果 不要把sql語句寫得太複雜 不能迴圈執行查詢 用 exists 代替 in 表關聯關係不要太糾結 查詢多用索引列取查,用charindex或者li...