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

資訊專欄INFORMATION COLUMN

關(guān)于網(wǎng)站性能優(yōu)化準(zhǔn)則

Travis / 3548人閱讀

打算現(xiàn)在開始在博客里寫點東西,也能為自己看過的書學(xué)過的知識做一個歸納總結(jié)。
這幾日拜讀了Steve Souders的《高性能網(wǎng)站建設(shè)指南這本書》,雖然這本書可能已經(jīng)有些老了,但薄薄的一個小冊子里提出的網(wǎng)站性能優(yōu)化的準(zhǔn)則還是非常有價值的。這些規(guī)則都有個共同點,就是用很小的工作就能獲得很明顯的性能提升,性價比極高。廢話不多說了,總結(jié)一下書里的幾點性能優(yōu)化規(guī)則。

首先有一點需要說明的是書中所寫的性能黃金法則:只有10%~20%的響應(yīng)時間花在了下載HTML文檔上,其余的80%~90%時間花在了下載頁面的所有組件上。
這也是后面這些性能規(guī)則由來的核心。

規(guī)則一:減少HTTP請求。這本書的規(guī)則順序是按照其重要性來排名的,減少HTTP請求作為第一個規(guī)則,足見其重要性。根據(jù)黃金法則,減少組件數(shù)量從而減少HTTP請求是最有效的性能優(yōu)化方式,其中有幾項技術(shù)值得提一下:

CSS Sprites。應(yīng)該前端人都比較熟悉了,把圖片整合到一個大圖里,利用background-position來定位。

data:URL。值得一說把圖片變?yōu)閮?nèi)聯(lián)的,減少了圖片請求,webpack里圖片小于8kb就會轉(zhuǎn)為base64的data:URL。

合并腳本和CSS。

規(guī)則二:使用CDN。這個規(guī)則不用多說,分發(fā)內(nèi)容使之更靠近終端用戶,減少了請求時間。

規(guī)則三:添加Expires頭。善用緩存,給長久不變的內(nèi)容組件設(shè)置有效期較久的Expires頭。

規(guī)則四:壓縮組件。利用gzip等內(nèi)容編碼對文檔或組件進(jìn)行壓縮,通常能將相應(yīng)數(shù)據(jù)量減少70%左右。

規(guī)則五:將樣式表放在頂部。頁面在打開工程中逐步呈現(xiàn),用戶會覺得頁面快一些,也讓用戶在等待過程中有一個良好的反饋。把CSS放在底部的話有可能出現(xiàn)白屏現(xiàn)象。

規(guī)則六:將腳本放在底部。頁面下載腳本時會阻止其他內(nèi)容下載與呈現(xiàn),以防止瀏覽器的重繪重排。所以把腳本放在頁面的底部不會阻止頁面內(nèi)容的呈現(xiàn),而且頁面一些可視化組件可以盡早下載而不被阻塞。

規(guī)則七:避免使用CSS表達(dá)式。CSS表達(dá)式會進(jìn)行頻繁的求值,導(dǎo)致了性能低下。

規(guī)則八:使用外部JavaScript和CSS。純粹而言,內(nèi)聯(lián)更快一些,因為滿足了規(guī)則一的減少HTTP請求,但是這個問題上,一定要考慮緩存帶來的性能優(yōu)化,外部文件很有可能被緩存下來,從而提升了性能。

規(guī)則九:減少DNS查找。善用DNS緩存,比如持久連接。

規(guī)則十:精簡JavaScript。移除不必要的字符空格,我們常見的.min.js就是如此。

規(guī)則十一:避免重定向。3xx的響應(yīng)狀態(tài)碼代表著一股重定向的響應(yīng)。其中URL結(jié)尾缺少斜線造成的重定向需要特別注意,不要因為這一點失誤損傷性能。

規(guī)則十二:刪除重復(fù)腳本。

規(guī)則十三:配置ETag。說起這個不得不說條件請求If-Modified-Since和If-None-Match,都是用來進(jìn)行緩存再驗證。ETag的問題是服務(wù)器構(gòu)造ETag時,盡管兩個文件完全一樣,但如果處于不同的服務(wù)器的話還是會有不同的ETag,增加了HTTP進(jìn)行請求下載的次數(shù),這對于后臺是服務(wù)器集群的網(wǎng)站性能損傷很大。

規(guī)則十四:使Ajax可緩存。雖然Ajax是異步的,但也不能讓等待響應(yīng)的時間過長。優(yōu)化準(zhǔn)則的話參見上面的性能準(zhǔn)則,其中善用緩存依然是我們重點關(guān)注的。

書最后用這些準(zhǔn)則分析了美國十大網(wǎng)站,發(fā)現(xiàn)有效利用這些規(guī)則性能有很大的提升空間,我也看了一下自己實習(xí)時候項目,發(fā)現(xiàn)可優(yōu)化的地方非常多。以后的開發(fā)過程中要謹(jǐn)記這些準(zhǔn)則,讓自己產(chǎn)品的用戶獲得更好的體驗。

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

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

相關(guān)文章

  • 一篇文章講透CDN HTTPS安全加速基本概念、解決方案及優(yōu)化實踐

    摘要:本文將為大家介紹阿里云安全加速傳輸?shù)幕A(chǔ)概念解決方案技術(shù)優(yōu)勢和優(yōu)化實踐。和未來將標(biāo)記為不安全的協(xié)議。阿里云提供安全加速方案,僅需開啟安全加速模式后上傳加速域名證書私鑰,實現(xiàn)全網(wǎng)數(shù)據(jù)加密傳輸功能。 大家都知道,HTTP 本身是明文傳輸?shù)模瑳]有經(jīng)過任何安全處理,網(wǎng)站HTTPS解決方案通過在HTTP協(xié)議之上引入證書服務(wù),完美解決網(wǎng)站的安全問題。本文將為大家介紹阿里云CDN HTTPS安全加速...

    番茄西紅柿 評論0 收藏0
  • 一篇文章講透CDN HTTPS安全加速基本概念、解決方案及優(yōu)化實踐

    摘要:本文將為大家介紹阿里云安全加速傳輸?shù)幕A(chǔ)概念解決方案技術(shù)優(yōu)勢和優(yōu)化實踐。和未來將標(biāo)記為不安全的協(xié)議。阿里云提供安全加速方案,僅需開啟安全加速模式后上傳加速域名證書私鑰,實現(xiàn)全網(wǎng)數(shù)據(jù)加密傳輸功能。 大家都知道,HTTP 本身是明文傳輸?shù)模瑳]有經(jīng)過任何安全處理,網(wǎng)站HTTPS解決方案通過在HTTP協(xié)議之上引入證書服務(wù),完美解決網(wǎng)站的安全問題。本文將為大家介紹阿里云CDN HTTPS安全加速...

    wing324 評論0 收藏0
  • 提高前端性能的黃金法則

    摘要:雖然如此,但是網(wǎng)站前端性能優(yōu)化的思路基本沒變。為什么前端性能如此重要數(shù)據(jù)顯示只有的最終用戶響應(yīng)時間花在了下載文檔上。前端性能優(yōu)化一味奉行最佳實踐有時候反而過而不及,所以針對項目的實際情況來優(yōu)化才是明智的選擇。 前端近幾年變化很大,各種工具,庫,框架并發(fā)。雖然如此,但是網(wǎng)站前端性能優(yōu)化的思路基本沒變。為什么前端性能如此重要?數(shù)據(jù)顯示: 只有 10%~20% 的最終用戶響應(yīng)時間花在了下載...

    keithyau 評論0 收藏0
  • JavaScript 工作原理之十二-網(wǎng)絡(luò)層探秘及如何提高其性能和安全性

    摘要:為了更加高效的網(wǎng)絡(luò)層,它需要不僅僅只是扮演套接字管理員的角色。用套接字池來組織套接字,以源來分組套接字,每個套接字池強制限制其連接數(shù)和安全約束。協(xié)商是一個為計算機網(wǎng)絡(luò)提供通信安全的加密協(xié)議。 原文請查閱這里,略有改動,本文采用知識共享署名 4.0 國際許可協(xié)議共享,BY Troland。 本系列持續(xù)更新中,Github 地址請查閱這里。 這是 JavaScript 工作原理的第十二章...

    LoftySoul 評論0 收藏0

發(fā)表評論

0條評論

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