關于頁面優化

mdluo 發布于2019-08-01 16:20 / 3384人閱讀

摘要：作為一名前端工程師，能做的優化有哪一些呢主要包括兩方面頁面性能與代碼可維護性。

作為一名前端工程師，能做的優化有哪一些呢？
主要包括兩方面：頁面性能與代碼可維護性。

HTML篇

減少不必要的嵌套

適當且精簡的id/class名稱

有意義地使用id（利用選擇符屬性）

減少link、script請求

底部引用script

CDN加速

利用好HTML5標簽

壓縮html

CSS篇

減少不必要的嵌套

雪碧圖

開啟硬件加速（參考css動畫性能優化）

壓縮圖片、轉base64

壓縮css

JS篇

封裝復用 / 繼承( prototype、call / bind / apply )

緩存技術（ cookie、HTML 5 Web 存儲）

懶加載，一次請求 / 多次請求 / data-img

以添加 / 刪除 class 名稱替代

模塊化，按需加載

命名空間

函數表達式替換函數聲明

避免使用閉包

*開啟嚴格模式"use strict"

壓縮js

GPU云服務器云服務器關于服務器的優化頁面優化優化頁面頁面性能優化

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50453.html

前端性能優化

摘要：端優談談關于前端的緩存的問題我們都知道對頁面進行緩存能夠有利于減少請求發送，從而達到對頁面的優化。而作為一名有追求的前端，勢必要力所能及地優化我們前端頁面的性能。這種方式主要解決了淺談前端中的過早優化問題過早優化是萬惡之源。優化向：單頁應用多路由預渲染指南 Ajax 技術的出現，讓我們的 Web 應用能夠在不刷新的狀態下顯示不同頁面的內容，這就是單頁應用。在一個單頁應用中，往往只有一...

Dean 2019-08-21 18:19 評論0 收藏0
關于網站性能優化準則

打算現在開始在博客里寫點東西，也能為自己看過的書學過的知識做一個歸納總結。這幾日拜讀了Steve Souders的《高性能網站建設指南這本書》，雖然這本書可能已經有些老了，但薄薄的一個小冊子里提出的網站性能優化的準則還是非常有價值的。這些規則都有個共同點，就是用很小的工作就能獲得很明顯的性能提升，性價比極高。廢話不多說了，總結一下書里的幾點性能優化規則。首先有一點需要說明的是書中所寫的性能黃金法...

Travis 2019-08-22 10:58 評論0 收藏0
關于頁面優化

摘要：作為一名前端工程師，能做的優化有哪一些呢主要包括兩方面頁面性能與代碼可維護性。作為一名前端工程師，能做的優化有哪一些呢？主要包括兩方面：頁面性能與代碼可維護性。 HTML篇減少不必要的嵌套適當且精簡的id/class名稱有意義地使用id（利用選擇符屬性）減少link、script請求底部引用script CDN加速利用好HTML5標簽壓縮html CSS篇減少不...

feng409 2019-08-20 14:27 評論0 收藏0
關于頁面優化

摘要：作為一名前端工程師，能做的優化有哪一些呢主要包括兩方面頁面性能與代碼可維護性。作為一名前端工程師，能做的優化有哪一些呢？主要包括兩方面：頁面性能與代碼可維護性。 HTML篇減少不必要的嵌套適當且精簡的id/class名稱有意義地使用id（利用選擇符屬性）減少link、script請求底部引用script CDN加速利用好HTML5標簽壓縮html CSS篇減少不...

luckyw 2019-08-30 15:52 評論0 收藏0