摘要:作為一名前端工程師,能做的優(yōu)化有哪一些呢主要包括兩方面頁面性能與代碼可維護性。
作為一名前端工程師,能做的優(yōu)化有哪一些呢?
主要包括兩方面:頁面性能與代碼可維護性。
減少不必要的嵌套
適當且精簡的id/class名稱
有意義地使用id(利用選擇符屬性)
減少link、script請求
底部引用script
CDN加速
利用好HTML5標簽
壓縮html
CSS篇減少不必要的嵌套
雪碧圖
開啟硬件加速(參考css動畫性能優(yōu)化)
壓縮圖片、轉base64
壓縮css
JS篇封裝復用 / 繼承( prototype、call / bind / apply )
緩存技術( cookie、HTML 5 Web 存儲)
懶加載,一次請求 / 多次請求 / data-img
以添加 / 刪除 class 名稱替代
模塊化,按需加載
命名空間
函數(shù)表達式替換函數(shù)聲明
避免使用閉包
*開啟嚴格模式"use strict"
壓縮js
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://systransis.cn/yun/116507.html
摘要:端優(yōu)談談關于前端的緩存的問題我們都知道對頁面進行緩存能夠有利于減少請求發(fā)送,從而達到對頁面的優(yōu)化。而作為一名有追求的前端,勢必要力所能及地優(yōu)化我們前端頁面的性能。這種方式主要解決了淺談前端中的過早優(yōu)化問題過早優(yōu)化是萬惡之源。 優(yōu)化向:單頁應用多路由預渲染指南 Ajax 技術的出現(xiàn),讓我們的 Web 應用能夠在不刷新的狀態(tài)下顯示不同頁面的內容,這就是單頁應用。在一個單頁應用中,往往只有一...
打算現(xiàn)在開始在博客里寫點東西,也能為自己看過的書學過的知識做一個歸納總結。這幾日拜讀了Steve Souders的《高性能網(wǎng)站建設指南這本書》,雖然這本書可能已經(jīng)有些老了,但薄薄的一個小冊子里提出的網(wǎng)站性能優(yōu)化的準則還是非常有價值的。這些規(guī)則都有個共同點,就是用很小的工作就能獲得很明顯的性能提升,性價比極高。廢話不多說了,總結一下書里的幾點性能優(yōu)化規(guī)則。 首先有一點需要說明的是書中所寫的性能黃金法...
摘要:作為一名前端工程師,能做的優(yōu)化有哪一些呢主要包括兩方面頁面性能與代碼可維護性。 作為一名前端工程師,能做的優(yōu)化有哪一些呢?主要包括兩方面:頁面性能與代碼可維護性。 HTML篇 減少不必要的嵌套 適當且精簡的id/class名稱 有意義地使用id(利用選擇符屬性) 減少link、script請求 底部引用script CDN加速 利用好HTML5標簽 壓縮html CSS篇 減少不...
摘要:作為一名前端工程師,能做的優(yōu)化有哪一些呢主要包括兩方面頁面性能與代碼可維護性。 作為一名前端工程師,能做的優(yōu)化有哪一些呢?主要包括兩方面:頁面性能與代碼可維護性。 HTML篇 減少不必要的嵌套 適當且精簡的id/class名稱 有意義地使用id(利用選擇符屬性) 減少link、script請求 底部引用script CDN加速 利用好HTML5標簽 壓縮html CSS篇 減少不...
閱讀 3528·2021-11-18 10:02
閱讀 963·2021-09-04 16:48
閱讀 2047·2019-08-30 15:55
閱讀 3552·2019-08-30 15:52
閱讀 1825·2019-08-30 14:08
閱讀 3567·2019-08-30 13:19
閱讀 1155·2019-08-27 10:53
閱讀 3134·2019-08-26 12:11