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

資訊專欄INFORMATION COLUMN

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

DC_er / 2534人閱讀

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

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

更快:頁面加載更快,客戶感知更快;

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

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

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

語義化

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

減少頁面請求:合并img,合并css,避免使用@import方式引入css文件

減少文件大?。?/p>

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

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

css

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

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

減少文件大小:YUI Compressor,cssmin

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

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

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

模塊化

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

盡量減少hack

javascript

頁面懶加載

少用dom操作

加注釋

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

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

相關(guān)文章

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

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

    elisa.yang 評論0 收藏0
  • 前端性能優(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)用。在一個(gè)單頁應(yīng)用中,往往只有一...

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

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

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

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

    LiuZh 評論0 收藏0

發(fā)表評論

0條評論

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