web優化(一 前端)

2022-09-01 13:12:10 字數 367 閱讀 8449

當我們在瀏覽器位址列中輸入乙個url的時候,網頁開始請求,我們在頁面上看到的內容就是許多個http請求從伺服器返回的資料展示,這些展示的快慢很大程度依賴前端的優化,怎樣做好前端的優化,我這裡總結了幾點:

一  減少http請求,重複使用link

1  合併css js檔案

2  background 使用乙個圖

二  頁面壓縮,包括css js 等

三  盡量使用瀏覽器快取,設定過期時間

四  壓縮元件,傳送給客戶端的資料經過gzip壓縮,減少頻寬

五  預載入,比如: js  css等

六  指令碼位置,js放在底部,css放在頭部

七  合併靜態檔案,2~3個網域名稱分組,減輕單個服務壓力

web前端模組化 一 前言

將乙個複雜的程式依據一定的規則規範封裝成幾個塊檔案,並進行組合在一起。內部資料與實現是私有的,只是向外暴露一些介面方法與外部其他模組通訊。1.全域性function模式 把不同的功能封裝成不同的全域性函式 2.命名空間模式 基於簡單的物件封裝,劣勢 資料不安全,外部可以直接修改模組內部的資料 所有成...

web前端優化

盡量避免使用eval函式 多了一步解析的步驟 function testnoeval var endtime new date console.log 耗時1 endtime starttime ms function testeval var endtime new date console.lo...

web前端優化

做為乙個好的優秀前端,不僅能夠寫出優雅的 也要更加關注於效能性的問題,但由於我們在專案過程中可能會考慮到一些成本性的問題,不可能讓我們的專案在效能方面面面俱到,但我們可以做到最為基本的做優化。我們可以從以下幾點進行優化 1.減少對伺服器方面的請求 我們使用外部檔案 css 和js css sprit...