第一天代碼網(wǎng)站前端優(yōu)化

HTTP。1:將超關(guān)聯(lián)到上，例如在導航欄按鈕中。如果是以這種形式關(guān)聯(lián)多個帶有超的，使用地圖這種方式既能減少HTTP請求，有無需改變頁面外觀感受地圖允許在一個上關(guān)聯(lián)多個URL.。2:CSS3：合并和樣式JavascriptCSS時，到底是進行“內(nèi)聯(lián)”(HTML文檔中)還會導致一個額外的HTTP請求。為了清晰，不建議將和樣式表合并在一起。但是多個CSS文件需要花一定的時間分析頁面。CDN的通俗理解就是加速，CPU均衡負載，可以解決跨運營商，跨地區(qū)，服務60%國內(nèi)較為有名的CDN服務商有、網(wǎng)宿科技，世紀互聯(lián)，帝聯(lián)科技等今天的WEB頁面包含了大量的組件，并且其數(shù)量在不斷增長，頁面的初次者會進行HTTPExpires頭，使這些組件可以被緩存。這回在后續(xù)的頁面瀏覽中避免不必要的HTTP請求。長久的Expires頭最常用于，但是應該將其用在所有的組件上，包括，樣式表等。在HTTP1.1引入了Cache-Control頭來克服ExpiresExpires頭使用一個特定的時間，它要求服務器和客戶端的時鐘嚴使用帶有max-ageCache-ControlExpires的限制(Control)。如果兩者同時出現(xiàn)，HTTP規(guī)定max-ageExpires頭。IISCache-Control:max-age.還可以在web.config文件里應用該設(shè)置.如下所示<CachecacheControlMode=”UseMaxAge”cacheControlMaxAge=‘365.00:00:00’>aspx文件中設(shè)置。<%@Page<%@OutputCacheDuration=”86400”Location=””HTTP1天（86400秒有些控件，比如GridView,KViewState.因為瀏覽器會將ViewStateHTTPPOST的一部分發(fā)送回服務器，所以如果它大，會ViewState,代碼如下<%@PageTitle=""Language="C#"EnableViewState="false"AutoEventWireup="true"CodeBehind="View.aspx.cs"Inherits="View"%>通過減小HTTPHTTP請求產(chǎn)生的響應包很小，傳輸時gzipHTTP響應包，并由此減少網(wǎng)絡響應時間。這是減小頁面大小的最簡單的技術(shù)，但影響是最大的。還有很多方式可以減小HTML文檔的頁面大?。ɡ鐒h除注釋和額外的空格，移除沒有使用的CSS，移除沒有使用的JAVASCRIPT,檢查并移除冗余，移除沒有內(nèi)容的，移除<metarefresh>：頁Web服務器看到請求中有這個頭，就會使用客戶端列出來的方法中的一種來壓縮響應。WebContent-Encoding頭來通知Web客戶端Gzip是目前最流行和有效地壓縮方法，你能看到的另一種壓縮方式為deflate,但是效果不gzip,deflategzip,gzip卻不支持deflate,因此gzip是最理想的壓縮方法。很多會壓縮其HTML文檔，壓縮和CSS樣式表也是很重要的，不應該壓縮，因為可以在上傳時進行壓縮，試圖對它只會浪費CPUCPU周期來完成壓縮，Internet距離，這些信息是很難得到的，根據(jù)經(jīng)驗通常1KB2KB的文件進行壓縮。 第六：將樣式表放在頂部（使用Link將樣式表放在HEAD中我們希望瀏覽器能夠盡快顯示內(nèi)容，這對于有很多內(nèi)容的頁面以及Internet很慢的用HeadHead中導入外部樣式可以使用Link,和@importLink，因為性能要好一些，并且@import有時候可能會導致白屏的出現(xiàn)，甚至放在文檔的Head中。第七：將式表移到文檔的HEAD的原因，這樣就能首先它們而不會頁面呈現(xiàn)。使用CSS使用外部的CSSJavascript如果你的中的每個頁面都使用了相同的CSS和Javascript，使用外部文件可以提高這時，JavascriptCSS組件已經(jīng)位于瀏覽器的緩存中了。相反的情況時，如果沒有任何兩JAVASCRIPTCSS，重用率就會降低。當然解決這個問題，沒有什CSSJAVASCRIPTCSSJAVASCRIPT有很高的DNSInternet是通過IP地址來查找服務器的，由于IP地址比較難記，通常使用包含主機名的URL來代替（），但是當瀏覽器發(fā)出請求時，IP地址仍然是必須的，這就需要DNS將主機名稱映射到IP地址上，你在瀏覽器上鍵入 DNS解析器會返回服務器的IP地址。DNS也是有開銷的，通常情況下瀏覽器查找一個給定的主機名的IP地址需要花費20~120毫秒，在DNS查找完成之前，瀏覽器是不能從主機名那里到任何東西的。響應的時間依賴于DNS解析器，它所承擔的請求的壓力，你與它之間的距離和你的帶寬。當然DNS也是可以被緩存起來的，但是瀏覽器對緩存的DNS記錄的數(shù)量也有限制，而不管緩存記錄的時間。如果用戶在短時間內(nèi)了很多具有不同的，較早的DNS記錄將被丟棄，必須重新查找該。減少DNS查找，我的建議是將CSS,，等這些組件分別放在至少2個，但不要超過4個主機下。這是在減少DNS查找和允許高度并行之間做出的很好的權(quán)衡。后，所有的注釋以及不必要的空白字符（空格，換行等）Javascript而JavaScriptJSMin.我們面，可以對Javascript外部文件使用gzip來完成壓縮，當前gzip壓縮比精gzip雖然壓縮產(chǎn)生的影響更大，但是精簡能夠進一步的減小文件的大CSSJAVASCRIPTCSS中的空白和注釋一般情況JAVASCRIPT的少，所以CSS主要是合并相同的類，移除不用的類等。重復損傷性能的方式主要有兩種情況，不必要的HTTP請求和執(zhí)行JavaScript所浪費再發(fā)新的請求了，但是如