九九热在线视频观看这里,h肉动漫在线观看,国产激情视频

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

關(guān)于網(wǎng)站性能的深入研究

原創(chuàng)|行業(yè)資訊|編輯：龔雪|2016-05-27 16:16:26.000|閱讀 124 次

概述：本文主要為大家講解如何優(yōu)化工作流程，以及快速修復(fù)JavaScript，處理一些常見(jiàn)的客戶(hù)端網(wǎng)站/ web應(yīng)用程序的性能問(wèn)題。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

網(wǎng)頁(yè)自動(dòng)化測(cè)試工具iMacros 試用下載

1、基本網(wǎng)絡(luò)優(yōu)化

CSS和JS的串聯(lián)和壓縮：

文件串聯(lián)：或gulp-concat
JavaScript的壓縮/縮小：或gulp-uglify
CSS壓縮：或gulp-cssmin

圖像無(wú)損壓縮：

工作流插件：或gulp-imagemin
Mac桌面應(yīng)用程序：
web應(yīng)用程序：

利用瀏覽器緩存：對(duì)static assets設(shè)置合適的緩存時(shí)間，大大提高加載頁(yè)面的速度。

啟用gzip壓縮設(shè)置：如果您的服務(wù)器和客戶(hù)端支持gzip壓縮，，可以節(jié)約90%的響應(yīng)時(shí)間。

2.瀏覽器兼容性快速修復(fù)

怎樣很好的支持舊版本的瀏覽器？這里有一些開(kāi)源的解決方案，可以解決一些常見(jiàn)的舊版本瀏覽器問(wèn)題。

：IE9以下的版本對(duì)CSS3的支持有限，因此大多數(shù)的新版CSS selectors不可以沒(méi)有polyfill。
：IE8以下的版本不支持CSS媒體查詢(xún)。在樣式表加載之后加載這個(gè)，長(zhǎng)期忍受IE這一缺點(diǎn)的用戶(hù)會(huì)感激你的。
:傳統(tǒng)的瀏覽器polyfill library允許開(kāi)發(fā)人員動(dòng)態(tài)地為常用HTML5功能加載polyfill，包括form、geolocation和Canvas。

3.快速修復(fù)收集和平板

這里有幾個(gè)很棒的開(kāi)源JS項(xiàng)目，有助于提升您的移動(dòng)應(yīng)用程序的性能。

：消除用戶(hù)點(diǎn)擊屏幕之后事件觸發(fā)的時(shí)間延遲。尤其適用于ios，而Android版Chrome可以使用user-scalable=no來(lái)消除，IE11+可以使用touch-action: manipulation，移動(dòng)Safari瀏覽器目前還沒(méi)有這樣的設(shè)置。
：當(dāng)處于脫機(jī)狀態(tài)時(shí)通知您的用戶(hù)，并在重新上線之后存儲(chǔ)用戶(hù)的行為。

4.JavaScript的模塊捆綁和軟件包管理

使用bundler組織您的客戶(hù)端代碼，例如Webpack、Browserify、RequireJS或JSPM with System.js。尤其當(dāng)您依賴(lài)很多第三方時(shí)，在非捆綁本地開(kāi)發(fā)模式和生產(chǎn)開(kāi)發(fā)模式下都可以運(yùn)行。

Bundlers可以減少JS請(qǐng)求blocking、壓縮代碼，并只加載目前正在頁(yè)面上使用的腳本。