對于一個網站來說,這個原則也是適用的,即使你有豐富而有價值的內容,但是顧客半天都進不來,他們會慢慢失去耐心。
尤其是在這個信息爆炸的時代,人們的節奏總是很快。畢竟,網站的耐心是有限的。如果不優化網站,會造成相當數量的客戶流失,帶來不必要的損失。那么,優化web前端性能的常用和實用方法有哪些呢?
CDN(內容分發網絡)部署在各大運營商的機房內。當用戶通過瀏覽器請求資源時,可以直接反饋給用戶,大大減輕了服務器數據中心的壓力。本質上,CDN也是一種緩存。如果您的位置靠近CDN節點,那么網站響應速度也非常明顯。另外,CDN緩存的資源主要是靜態資源,比如靜態頁面、圖片、CSS和JS文件。CDN加速對于一些覆蓋范圍廣的網站是最有效的。比如阿里云CDN產品有280多個節點,運營商覆蓋范圍比較全面。
網頁的加載時間與HTTP請求密切相關,而外部資源的加載速度則與主機服務提供商服務器架構和分發位置有關。我們可以通過檢查網站上的冗余圖片、CSS、JavaScript和一些組件,并逐一改進來減少一些HTTP請求。
顧名思義,預訪問就是在獲得一些必要的數據和資源之前,真正需要請求,以改善用戶的瀏覽體驗。預訪問主要有三種方式:鏈路預采集、DNS預采集和預渲染。根據您想要使用的預取形式,您只需將以下標記添加到站點的鏈接屬性:rel=prefetch、rel=DNS prefetch或rel=prerender。
壓縮HTML、CSS和JavaScript
在編寫代碼時,會有一些額外的空間,這將占用字節。使用一些壓縮工具可以有效地解決這個問題。值得注意的是,文件壓縮后,可讀性會變差,以后的維護也會變得困難。
一個高清晰度的圖像大約有幾兆字節,而且很多時候我們并不需要這樣的圖像質量。一般情況下,我們會選擇保存為高質量的圖片,這樣可以有效降低圖片加載的壓力。像JPEG圖像一樣,它包含時間、地點、相機型號格式,更不用說我們需要什么了。
無法在客戶端中緩存Post請求。每個請求都需要發送到服務器進行處理,每次都會返回一個狀態碼200。(可以在服務器端緩存數據以提高處理速度)
Get請求可以(默認情況下)緩存在客戶機上。除非指定了不同的地址,否則具有相同地址的AJAX請求將不會在服務器上重復執行,而是返回304。因此,在發出Ajax請求時,可以選擇盡可能多地使用get方法,這樣就可以使用客戶機的緩存來提高請求速度。
2022-02-23
內部鏈接優化時要注意哪些內容?