前端優化小細節

2021-08-27 19:05:01 字數 1057 閱讀 6203

大方向網上很多,只說小細節。

js\css引入位置

css放頭部,js放尾部這個都知道了,就不說了。

但根據情況不同,有時就需要使用其它方式。

首頁類的檔案,在頁面載入完成之後,對將要在內頁或其它頁使用到的js進行引入。html5有預載入機制,我個人感覺直接引入來的方便。

至於引入的方式,如果不受布局限制,建意將這些js單獨存放於乙個html檔案中。在onload事件中進行載入,如果受布局限制也可以直接放於body封口前。

內頁類的檔案,將所有用到的js放至頂部。雖然該頁面重新引了該js,但該js已存在於快取之中。

用這種方式,既不會影響至首頁的載入速度,又在使用非同步load含有js的頁面時可以減少load的資料傳輸量。

但需要注意對於帶初始化的js,需要進行處理,重複初始化將會導致頁面報錯。建意在初始化方法中加入驗重判斷。

快取是把劍,握刀柄別握刀身。   

優化:

1、根據的使用場景對質量進行不同處理,使用不同格式與品質。個人建意不同情況不同處理,根隨設計師的腳步,在處理問題上不要因此造成頁面視覺效果變質。

2、對進行合併時,應該避免首頁與其它頁使用到的放在同乙個檔案內,畢竟首頁的載入速度是最重要的。

3、乙個區域內需要使用時,除了個人頭像及幻燈及不固定的外。建意都以背景形式使用,對於前端而言,css類的檔案更適合於我們去修改。

js\css壓縮:

對於壓縮,首先是檔案存放及命名問題。

js與css中存在及檔案路徑、如果將壓縮後的檔案與當前檔案不放在同一路徑時,會造成檔案中指向的、檔案無法引用問題。

然頁如果擁在數量較多的檔案時,你會發現你想找到乙個你想改的檔案著實不易。

我個人使用的方式:/public_js/*.*

原檔案:public_js = public/js/

壓縮檔案:public_js = public/js.min/

這樣既解決了路徑問題,又便於維護。在維護時,修改常量指向未壓縮檔案,提交至伺服器時再次改回。

壓縮軟體網上很多,我用的是:

優化小細節

1 當使用索引列進行查詢的時候見諒不要使用表示式,把計算放到業務層而不是資料庫層 select id from table where id 1 5 優先順序範圍為ref select id from table where id 4 優先順序範圍為count 2 盡量使用主鍵查詢,而不是其他索引,...

個人專案優化小細節總結

作為開發人員,總是會遇到接手別人的二手專案,一般接手之後基本都會修改或者優化。這邊也是,接手了乙個二手專案,一些優化小細節總結下,也為自己以後優化多張張經驗。積少成多嘛。1.優化前 if push else 也不知道想表達什麼,反正當時還看了半天想著這業務邏輯,最後也是突然大悟 優化後 cbpush...

小程式 優化,部署,細節功能

作者 jeskson 達達前端小酒館 總結 些開發中的經驗以及 程式的優化 部署 上線。開發者 具的使 縮排與縮排設定 縮排有兩種 式 種是使 tab鍵,還有 種是使 空格,建議 家使 tab。程式預設 個縮排 個tab 2個空格,通常前端開發是 個tab 4個空格,你如果不習慣,可以在設定 進 設...