国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

如何進(jìn)行頁(yè)面優(yōu)化?

DC_er / 2527人閱讀

摘要:所有表現(xiàn)用實(shí)現(xiàn)模塊化命名規(guī)范語(yǔ)義化盡量減少頁(yè)面懶加載少用操作加注釋

為什么要進(jìn)行頁(yè)面優(yōu)化?

更快:頁(yè)面加載更快,客戶感知更快;

更易于閱讀:易于搜索引擎抓頁(yè)面重點(diǎn),易于盲人閱讀;

更易于維護(hù):易于自己和同事后期讀懂、定位、修改和擴(kuò)展代碼.

如何進(jìn)行頁(yè)面優(yōu)化 html

語(yǔ)義化

加載順序:css放head里面(用戶看到順暢頁(yè)面),js放尾部(會(huì)阻塞dom渲染,且dom樹(shù)沒(méi)搭建好時(shí),js里面的dom操作會(huì)有問(wèn)題)

減少頁(yè)面請(qǐng)求:合并img,合并css,避免使用@import方式引入css文件

減少文件大小:

主要減少img文件大小,選用合適的格式并且用工具進(jìn)行壓縮(ImageOptim,ImageAlpha,JPEGmini)

刪除不必要的標(biāo)簽

css

選擇器:越簡(jiǎn)單越短越好,同樣的樣式進(jìn)行選擇器合并

css值縮寫:margin等,值為0的省略單位,

減少文件大小:YUI Compressor,cssmin

少用耗性能的屬性:expresion,border-radius,filter,box-shadow,gradients等

圖片設(shè)置寬高,不要縮放,減少瀏覽器的回流和重繪。

所有表現(xiàn)用css實(shí)現(xiàn)

模塊化

命名規(guī)范、語(yǔ)義化

盡量減少hack

javascript

頁(yè)面懶加載

少用dom操作

加注釋

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/54329.html

相關(guān)文章

  • 當(dāng)面試官問(wèn)你如何進(jìn)行性能優(yōu)化時(shí),你該這么回答(一)

    摘要:背景在開(kāi)發(fā)好頁(yè)面后,如何讓頁(yè)面更快更好的運(yùn)行,是區(qū)分一個(gè)程序猿技術(shù)水平和視野的一個(gè)重要指標(biāo)。在對(duì)這些環(huán)節(jié)進(jìn)行優(yōu)化之前,我們需要知道如何監(jiān)控這些環(huán)節(jié)花費(fèi)了多少時(shí)間。為了優(yōu)化鏈接的環(huán)節(jié),前端這里還需要對(duì)資源使用,雪碧圖,代碼合并等手段。 背景 在開(kāi)發(fā)好頁(yè)面后,如何讓頁(yè)面更快更好的運(yùn)行,是區(qū)分一個(gè)程序猿技術(shù)水平和視野的一個(gè)重要指標(biāo)。所以面試時(shí),面試官總會(huì)問(wèn)你一個(gè)問(wèn)題,如何進(jìn)行性能優(yōu)化呢? 如...

    elisa.yang 評(píng)論0 收藏0
  • 前端性能優(yōu)化

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

    Dean 評(píng)論0 收藏0
  • 如何進(jìn)行頁(yè)面優(yōu)化

    摘要:所有表現(xiàn)用實(shí)現(xiàn)模塊化命名規(guī)范語(yǔ)義化盡量減少頁(yè)面懶加載少用操作加注釋 為什么要進(jìn)行頁(yè)面優(yōu)化? 更快:頁(yè)面加載更快,客戶感知更快; 更易于閱讀:易于搜索引擎抓頁(yè)面重點(diǎn),易于盲人閱讀; 更易于維護(hù):易于自己和同事后期讀懂、定位、修改和擴(kuò)展代碼. 如何進(jìn)行頁(yè)面優(yōu)化 html 語(yǔ)義化 加載順序:css放head里面(用戶看到順暢頁(yè)面),js放尾部(會(huì)阻塞dom渲染,且dom樹(shù)沒(méi)搭建好時(shí),j...

    cjie 評(píng)論0 收藏0
  • 如何進(jìn)行頁(yè)面優(yōu)化

    摘要:所有表現(xiàn)用實(shí)現(xiàn)模塊化命名規(guī)范語(yǔ)義化盡量減少頁(yè)面懶加載少用操作加注釋 為什么要進(jìn)行頁(yè)面優(yōu)化? 更快:頁(yè)面加載更快,客戶感知更快; 更易于閱讀:易于搜索引擎抓頁(yè)面重點(diǎn),易于盲人閱讀; 更易于維護(hù):易于自己和同事后期讀懂、定位、修改和擴(kuò)展代碼. 如何進(jìn)行頁(yè)面優(yōu)化 html 語(yǔ)義化 加載順序:css放head里面(用戶看到順暢頁(yè)面),js放尾部(會(huì)阻塞dom渲染,且dom樹(shù)沒(méi)搭建好時(shí),j...

    LiuZh 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<