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

資訊專(zhuān)欄INFORMATION COLUMN

性能優(yōu)化

lily_wang / 3229人閱讀

摘要：引言性能優(yōu)化本質(zhì)來(lái)說(shuō)就是怎樣讓用戶(hù)體驗(yàn)更好。性能優(yōu)化不是銀彈在程序做不到內(nèi)響應(yīng)的時(shí)候外在輔助措施就很必要。接下總結(jié)一些性能優(yōu)化點(diǎn)雖不常規(guī)但蠻有意義的。上次參加時(shí)記得一位主講人講述百度移動(dòng)端優(yōu)化時(shí)就是這么的。

引言 
性能優(yōu)化本質(zhì)來(lái)說(shuō)就是怎樣讓用戶(hù)體驗(yàn)更好。之前同事分享過(guò)一個(gè)關(guān)于體驗(yàn)的時(shí)間標(biāo)準(zhǔn),我感覺(jué)蠻有趣的,就是說(shuō)我們盡量讓交互響應(yīng)在0.1秒內(nèi),這時(shí)體驗(yàn)比較好;如果1秒左右就需要loading;如果10秒左右就需要一個(gè)進(jìn)度條。性能優(yōu)化不是銀彈,在程序做不到0.1內(nèi)響應(yīng)的時(shí)候,外在輔助措施就很必要。接下總結(jié)一些性能優(yōu)化點(diǎn),雖不常規(guī),但蠻有意義的。
200 or 304

在sg上回答相關(guān)問(wèn)題時(shí),我較深入的研究了一下,并結(jié)合自己的在工作中出現(xiàn)的相關(guān)現(xiàn)象做一下總結(jié)。我們線(xiàn)上js和css的?max-age只有15分鐘,所以很容易進(jìn)行?freshness校驗(yàn),此時(shí)就會(huì)出現(xiàn)304,但是這就浪費(fèi)性能了,雖然比較微小。最好的辦法是設(shè)置一個(gè)很長(zhǎng)的時(shí)間,然后使用版本控制的方法。

webworker

?如果主線(xiàn)程需要進(jìn)行一些耗時(shí)操作，時(shí)間長(zhǎng)了之后瀏覽器會(huì)有假死狀態(tài)（彈框提示，是否關(guān)閉），但是異步拆分操作或者使用webworker的方式，可以使主線(xiàn)程繼續(xù)能接收到用戶(hù)的相應(yīng)。下面是我寫(xiě)的一個(gè)demo示例。

var worker=new Worker("./work.js");
var data1=0;
worker.onmessage=function (event) {
    var data = event.data;
    data2 = new Date().getTime();
    document.getElementById("result").innerHTML ="workers 耗時(shí)："+ (data2 - data1)+"ms"+"
" +data;
}
function cal() {
    data1 = new Date().getTime();
    worker.postMessage(limit);
}
------------------work.js
onmessage = function(event){
    var num = event.data;
    console.log(num)
    var i=0,sum=0;
    while (i
內(nèi)聯(lián)css

減少關(guān)鍵路徑往返次數(shù),可以使用內(nèi)聯(lián)的方式提升性能,如果你使用webpack的話(huà),去掉ExtractTextPlugin配置,但需損失一些代碼的可維護(hù)性。上次參加qcon時(shí),記得一位主講人講述百度移動(dòng)端優(yōu)化時(shí)就是這么的。所以這種行為還是有一定借鑒意義的。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91891.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專(zhuān)家系列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ú)非是減少用戶(hù)流量消耗，提升用戶(hù)首屏體驗(yàn)，提升用戶(hù)訪(fǎng)問(wèn)速度，讓用戶(hù)專(zhuā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ú)非是減少用戶(hù)流量消耗，提升用戶(hù)首屏體驗(yàn)，提升用戶(hù)訪(fǎng)問(wèn)速度，讓用戶(hù)專(zhuā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元查看
<