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

資訊專欄INFORMATION COLUMN

性能優(yōu)化

pakolagij / 2238人閱讀

摘要：性能優(yōu)化如何進(jìn)行網(wǎng)站性能優(yōu)化方面減少請(qǐng)求合并文件精靈減少查詢查詢完成之前瀏覽器不能從這個(gè)主機(jī)下載任何任何文件。

性能優(yōu)化

如何進(jìn)行網(wǎng)站性能優(yōu)化

content方面

減少HTTP請(qǐng)求：合并文件、CSS精靈、inline Image

減少DNS查詢：DNS查詢完成之前瀏覽器不能從這個(gè)主機(jī)下載任何任何文件。方法：DNS緩存、將資源分布到恰當(dāng)數(shù)量的主機(jī)名，平衡并行下載和DNS查詢

避免重定向：多余的中間訪問(wèn)

使Ajax可緩存

非必須組件延遲加載

未來(lái)所需組件預(yù)加載

減少DOM元素?cái)?shù)量

將資源放到不同的域下：瀏覽器同時(shí)從一個(gè)域下載資源的數(shù)目有限，增加域可以提高并行下載量

減少iframe數(shù)量

不要404

Server方面

使用CDN

添加Expires或者Cache-Control響應(yīng)頭

對(duì)組件使用Gzip壓縮

配置ETag

Flush Buffer Early

Ajax使用GET進(jìn)行請(qǐng)求

避免空src的img標(biāo)簽

Cookie方面

減小cookie大小

引入資源的域名不要包含cookie

css方面

將樣式表放到頁(yè)面頂部

不使用CSS表達(dá)式

不使用IE的Filter

Javascript方面

將腳本放到頁(yè)面底部

將javascript和css從外部引入

壓縮javascript和css

刪除不需要的腳本

減少DOM訪問(wèn)

合理設(shè)計(jì)事件監(jiān)聽(tīng)器

圖片方面

優(yōu)化圖片：根據(jù)實(shí)際顏色需要選擇色深、壓縮

優(yōu)化css精靈

不要在HTML中拉伸圖片

保證favicon.ico小并且可緩存

移動(dòng)方面

保證組件小于25k

Pack Components into a Multipart Document

你有用過(guò)哪些前端性能優(yōu)化的方法？

減少http請(qǐng)求次數(shù)：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適；網(wǎng)頁(yè)Gzip，CDN托管，data緩存 ，圖片服務(wù)器。

前端模板 JS+數(shù)據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存AJAX請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù)

用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能。

當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style

少用全局變量、緩存DOM節(jié)點(diǎn)查找的結(jié)果。減少IO讀取操作

避免使用CSS Expression（css表達(dá)式)又稱Dynamic properties(動(dòng)態(tài)屬性)

圖片預(yù)加載，將樣式表放在頂部，將腳本放在底部 加上時(shí)間戳

避免在頁(yè)面的主體布局中使用table，table要等其中的內(nèi)容完全下載之后才會(huì)顯示出來(lái)，顯示比div+css布局慢

談?wù)勑阅軆?yōu)化問(wèn)題

代碼層面：避免使用css表達(dá)式，避免使用高級(jí)選擇器，通配選擇器

緩存利用：緩存Ajax，使用CDN，使用外部js和css文件以便緩存，添加Expires頭，服務(wù)端配置Etag，減少DNS查找等

請(qǐng)求數(shù)量：合并樣式和腳本，使用css圖片精靈，初始首屏之外的圖片資源按需加載，靜態(tài)資源延遲加載

請(qǐng)求帶寬：壓縮文件，開(kāi)啟GZIP

代碼層面的優(yōu)化

用hash-table來(lái)優(yōu)化查找

少用全局變量

用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能

用setTimeout來(lái)避免頁(yè)面失去響應(yīng)

緩存DOM節(jié)點(diǎn)查找的結(jié)果

避免使用CSS Expression

避免全局查詢

避免使用with(with會(huì)創(chuàng)建自己的作用域，會(huì)增加作用域鏈長(zhǎng)度)

多個(gè)變量聲明合并

避免圖片和iFrame等的空Src。空Src會(huì)重新加載當(dāng)前頁(yè)面，影響速度和效率

盡量避免寫在HTML標(biāo)簽中寫Style屬性

前端性能優(yōu)化最佳實(shí)踐？

性能評(píng)級(jí)工具（PageSpeed 或 YSlow）

合理設(shè)置 HTTP 緩存：Expires 與 Cache-control

靜態(tài)資源打包，開(kāi)啟 Gzip 壓縮（節(jié)省響應(yīng)流量）

CSS3 模擬圖像，圖標(biāo)base64（降低請(qǐng)求數(shù)）

模塊延遲(defer)加載/異步(async)加載

Cookie 隔離（節(jié)省請(qǐng)求流量）

localStorage（本地存儲(chǔ)）

使用 CDN 加速（訪問(wèn)最近服務(wù)器）

啟用 HTTP/2（多路復(fù)用，并行加載）

前端自動(dòng)化（gulp/webpack）

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

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

相關(guān)文章

  • 前端性能優(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

  • [譯]GC專家系列5－Java應(yīng)用性能優(yōu)化的原則

    摘要：在本文中我將會(huì)介紹應(yīng)用性能優(yōu)化的一般原則。性能優(yōu)化的流程圖摘取自和合著的性能，描述了應(yīng)用性能優(yōu)化的處理流程。例如，對(duì)每臺(tái)服務(wù)器，你面臨著為單個(gè)分配堆內(nèi)存和運(yùn)行個(gè)并為每個(gè)分配堆內(nèi)存的選擇。不過(guò)位能使用堆內(nèi)存最大理論值只有。 原文鏈接：http://www.cubrid.org/blog/dev-platform/the-principles-of-java-application-per...

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

  • 淺談網(wǎng)站性能之前端性能優(yōu)化

    摘要：淺談網(wǎng)站性能之前端性能優(yōu)化性能優(yōu)化的目的無(wú)非是減少用戶流量消耗，提升用戶首屏體驗(yàn)，提升用戶訪問(wèn)速度，讓用戶專注內(nèi)容本身。前端性能優(yōu)化減少請(qǐng)求數(shù)量基本原理在瀏覽器與服務(wù)器進(jìn)行通信時(shí)，主要是通過(guò)進(jìn)行通信。 最近項(xiàng)目慢慢走上正軌，需求趨于平穩(wěn)，這才想起需要對(duì)整站進(jìn)行性能優(yōu)化。經(jīng)過(guò)一段時(shí)間的學(xué)習(xí)，結(jié)合現(xiàn)在項(xiàng)目的實(shí)際性能情況，發(fā)現(xiàn)確實(shí)有許多地方可以進(jìn)行優(yōu)化。于是就開(kāi)始了我的前端性能優(yōu)化之旅。以下...

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

  • 淺談網(wǎng)站性能之前端性能優(yōu)化

    摘要：淺談網(wǎng)站性能之前端性能優(yōu)化性能優(yōu)化的目的無(wú)非是減少用戶流量消耗，提升用戶首屏體驗(yàn)，提升用戶訪問(wèn)速度，讓用戶專注內(nèi)容本身。前端性能優(yōu)化減少請(qǐng)求數(shù)量基本原理在瀏覽器與服務(wù)器進(jìn)行通信時(shí)，主要是通過(guò)進(jìn)行通信。 最近項(xiàng)目慢慢走上正軌，需求趨于平穩(wěn)，這才想起需要對(duì)整站進(jìn)行性能優(yōu)化。經(jīng)過(guò)一段時(shí)間的學(xué)習(xí)，結(jié)合現(xiàn)在項(xiàng)目的實(shí)際性能情況，發(fā)現(xiàn)確實(shí)有許多地方可以進(jìn)行優(yōu)化。于是就開(kāi)始了我的前端性能優(yōu)化之旅。以下...

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

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

0條評(píng)論

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