成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

關(guān)于頁面優(yōu)化

mdluo / 3394人閱讀

摘要:作為一名前端工程師,能做的優(yōu)化有哪一些呢主要包括兩方面頁面性能與代碼可維護(hù)性。

作為一名前端工程師,能做的優(yōu)化有哪一些呢?
主要包括兩方面:頁面性能與代碼可維護(hù)性。

HTML篇

減少不必要的嵌套

適當(dāng)且精簡的id/class名稱

有意義地使用id(利用選擇符屬性)

減少link、script請求

底部引用script

CDN加速

利用好HTML5標(biāo)簽

壓縮html

CSS篇

減少不必要的嵌套

雪碧圖

開啟硬件加速(參考css動畫性能優(yōu)化)

壓縮圖片、轉(zhuǎn)base64

壓縮css

JS篇

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

緩存技術(shù)( cookie、HTML 5 Web 存儲)

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

以添加 / 刪除 class 名稱替代

模塊化,按需加載

命名空間

函數(shù)表達(dá)式替換函數(shù)聲明

避免使用閉包

*開啟嚴(yán)格模式"use strict"

壓縮js

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/50453.html

相關(guān)文章

  • 前端性能優(yōu)化

    摘要:端優(yōu)談?wù)勱P(guān)于前端的緩存的問題我們都知道對頁面進(jìn)行緩存能夠有利于減少請求發(fā)送,從而達(dá)到對頁面的優(yōu)化。而作為一名有追求的前端,勢必要力所能及地優(yōu)化我們前端頁面的性能。這種方式主要解決了淺談前端中的過早優(yōu)化問題過早優(yōu)化是萬惡之源。 優(yōu)化向:單頁應(yīng)用多路由預(yù)渲染指南 Ajax 技術(shù)的出現(xiàn),讓我們的 Web 應(yīng)用能夠在不刷新的狀態(tài)下顯示不同頁面的內(nèi)容,這就是單頁應(yīng)用。在一個單頁應(yīng)用中,往往只有一...

    Dean 評論0 收藏0
  • 關(guān)于網(wǎng)站性能優(yōu)化準(zhǔn)則

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

    Travis 評論0 收藏0
  • 關(guān)于頁面優(yōu)化

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

    feng409 評論0 收藏0
  • 關(guān)于頁面優(yōu)化

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

    luckyw 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<