這篇文章主要介紹高性能網(wǎng)站使用的技術(shù)有哪些，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)是一家以網(wǎng)絡(luò)技術(shù)公司，為中小企業(yè)提供網(wǎng)站維護、網(wǎng)站設(shè)計、做網(wǎng)站、網(wǎng)站備案、服務(wù)器租用、主機域名、軟件開發(fā)、小程序開發(fā)等企業(yè)互聯(lián)網(wǎng)相關(guān)業(yè)務(wù)，是一家有著豐富的互聯(lián)網(wǎng)運營推廣經(jīng)驗的科技公司，有著多年的網(wǎng)站建站經(jīng)驗，致力于幫助中小企業(yè)在互聯(lián)網(wǎng)讓打出自已的品牌和口碑，讓企業(yè)在互聯(lián)網(wǎng)上打開一個面向全國乃至全球的業(yè)務(wù)窗口：建站歡迎咨詢：13518219792

Translated by mask
從2004年開始，我開始進(jìn)入雅虎的異常表現(xiàn)小組。我們是一個很小的隊伍，專門針對雅虎的產(chǎn)品進(jìn)行質(zhì)量檢測和改進(jìn)，我作為一個后端工程師，現(xiàn)在卻開始搗鼓前端代碼優(yōu)化方面的工程，所以我認(rèn)為這是一個極好的進(jìn)步的機會。我的目標(biāo)是改進(jìn)用戶端體驗，我度量了在各個帶寬下瀏覽器的響應(yīng)時間，得出如下的一個圖表，它展示了來自http://yahoo.com的http的流量。

以上圖標(biāo)的第一個標(biāo)簽就是html，是一個html文檔最開始加載的東東，在這個例子中，讀取html代碼只占了整個響應(yīng)時間中的5%，這個結(jié)果適用于絕大多數(shù)網(wǎng)站，在采樣美國的前十位網(wǎng)站中，只有一家超過5%但少于20%，其余80%的時間是用來讀取網(wǎng)頁其他內(nèi)容的，也就是說，前端（原文是front-end，意思就是不包括html代碼的其余內(nèi)容，可以是圖片，腳本，flash，視頻，各種東西）。這就是為什么我們要把目光集中在這些東西來提高顯示速度的關(guān)鍵原因。
為什么要從前端開始著手有三個主要原因：

1. 這里有提升和改進(jìn)的潛力。如果能減少一半的體積，就能減少40%的響應(yīng)時間    改進(jìn)前端比改進(jìn)后端需要的時間和資源更少。（改進(jìn)后端要重新設(shè)計應(yīng)用程序規(guī)劃，代碼，尋找優(yōu)化代碼的方法，添加或改變硬件配置，分布式數(shù)據(jù)庫，等等）    前端的改進(jìn)在我們的工作中已經(jīng)被證實，我們在yahoo有五十個小組，在我們的最佳表現(xiàn)規(guī)則下，提高了他們的用戶端響應(yīng)時間達(dá)到25%或更高。

我們的黃金規(guī)則是：首先優(yōu)化前端表現(xiàn)，這些東西耗費了用戶端響應(yīng)時間中的80%。
1.減少http請求數(shù)
圖片，css，script，flash，等等這些都會增加http請求數(shù)，減少這些元素的數(shù)量能減少響應(yīng)時間。
CSS Sprites技術(shù)能減少圖片的請求數(shù)，把零散的小圖片放到一起，運用background-position來改變背景圖片的位置，前提是html元素事先定義好寬高，其實就像一個遮罩，移動背景就會看到不同的景象。
內(nèi)嵌圖像 用data:URL scheme的方式把圖片內(nèi)容代碼直接嵌入html代碼中，這樣會增大html代碼的體積，改進(jìn)的方式是把內(nèi)嵌圖片嵌入到css中（css被緩存），這樣就會更好的減少http請求數(shù)而且不增大html的體積。
很多用戶都是在空緩存的情況下進(jìn)入你的網(wǎng)站的，這樣第一次的速度就會顯得很重要。
第一條規(guī)則是最重要的一條規(guī)則。               

以上是“高性能網(wǎng)站使用的技術(shù)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！