創(chuàng)新互聯(lián)給你列舉一些在網(wǎng)頁(yè)制作或者瀏覽師怎樣提升網(wǎng)頁(yè)的加載性能的方法。

盡量減少HTTP請(qǐng)求

80%的用戶響應(yīng)時(shí)刻用于前端。這個(gè)時(shí)間段，大多數(shù)是綁在下載頁(yè)面中的一切組件：圖畫(huà)，樣式表，腳本，F(xiàn)lash等削減元件數(shù)量，從而削減了所需的HTTP懇求的數(shù)量出現(xiàn)頁(yè)面。這是更快的頁(yè)面的要害。一種辦法來(lái)削減元件的頁(yè)碼是簡(jiǎn)化頁(yè)面的規(guī)劃。但有沒(méi)有辦法建造有更豐厚的內(nèi)容頁(yè)面，一起也獲得迅速的反應(yīng)時(shí)刻?以下是削減HTTP懇求數(shù)量的一些技巧，一起還支撐豐厚的頁(yè)面規(guī)劃。聯(lián)合文件 是一種辦法，以削減腳本數(shù)目單一的HTTP懇求的腳本將聯(lián)系一切，同樣一切的CSS款式單相聯(lián)系成一個(gè)。聯(lián)系文件是更具挑戰(zhàn)性的腳本和樣式表時(shí)，從一頁(yè)一頁(yè)地不同，但使這一進(jìn)程的一有些，你的開(kāi)釋進(jìn)步呼應(yīng)時(shí)間。CSS的精靈 ，是選的辦法對(duì)圖畫(huà)的請(qǐng)求的數(shù)目削減。聯(lián)系您的單一圖畫(huà)布景圖畫(huà)分為A，使用CSS 布景圖畫(huà)和布景位置特點(diǎn)，以顯現(xiàn)所需的圖畫(huà)有些。

1. 一個(gè)圖像映射多個(gè)圖像合并成一個(gè)。總規(guī)模大致相同，但在HTTP請(qǐng)求的數(shù)量減少了頁(yè)面的速度。
2. 使用數(shù)據(jù)的內(nèi)聯(lián)圖像：網(wǎng)址計(jì)劃實(shí)際的Web研究數(shù)據(jù)嵌入在圖像中。它可以增加你的HTML文件的大小，結(jié)合）內(nèi)置的圖像到你的風(fēng)格（緩存是一種方法，以減少HTTP請(qǐng)求，并避免擴(kuò)大你的網(wǎng)頁(yè)。嵌入式圖像不支持所有主要瀏覽器。
3. 減少你的HTTP請(qǐng)求的頁(yè)面數(shù)是開(kāi)始的地方。

大多數(shù)開(kāi)開(kāi)發(fā)者通過(guò)JavaScript和圖像優(yōu)化，通過(guò)服務(wù)器配置，壓縮文件和合并，甚至調(diào)整CSS（合并小圖片）。
理想情況下，你應(yīng)該安裝火狐瀏覽器。你也應(yīng)該大致了解網(wǎng)絡(luò)發(fā)展。這篇文章的主題涉及并不復(fù)雜，但是如果你了解超文本標(biāo)記語(yǔ)言（超文本標(biāo)記語(yǔ)言，HTML、層疊樣式表（CSS（層疊樣式表，CSS）以及編程語(yǔ)言，如主題，因此本研究將更容易。不需要使用一個(gè)集成開(kāi)發(fā)環(huán)境（IDE），只是使用你喜歡的編輯器。

HTML是越來(lái)越大。排名前100的網(wǎng)站每個(gè)HTML頁(yè)面是40 K左右，亞馬遜和雅虎的HTML頁(yè)面使用千個(gè)。在Youtube的主頁(yè)，html元素高達(dá)3500個(gè)。為了減少?gòu)?fù)雜性和HTML頁(yè)面不明顯增加元素分析時(shí)間-但HTML是建立網(wǎng)頁(yè)的數(shù)量和速度，適應(yīng)不同的設(shè)備和影響的關(guān)鍵成功因素。方法不僅是一種書(shū)寫(xiě)HTML代碼。這里只是一個(gè)共同的經(jīng)驗(yàn)，但不是唯一正確的選擇。

HTML, CSS 和 JavaScript

1. HTML是一種標(biāo)記語(yǔ)言，用于表示結(jié)構(gòu)和內(nèi)容。
2. HTML不應(yīng)該用來(lái)顯示樣式和樣式。不要出現(xiàn)為了“大”把文字寫(xiě)在標(biāo)題標(biāo)簽（H1到H6的話），或者只是為了使用引用元素的壓痕。相反，使用CSS來(lái)改變外觀和布局元素。
3. HTML元素的默認(rèn)外觀是由瀏覽器的默認(rèn)樣式實(shí)現(xiàn)：Firefox，Internet Explorer和戲曲是不同的。在Chrome中，例如，默認(rèn)H1元素32頁(yè)大小。

三個(gè)基本原則

1. CSS使用HTML來(lái)表示結(jié)構(gòu),用于顯示不同的風(fēng)格和主題。JavaScript來(lái)響應(yīng)用戶的行為。
2. 使用HTML,如有必要,CSS的幫助下,當(dāng)沒(méi)有添加JavaScript。例如,在許多情況下,您可以使用HTML表單驗(yàn)證您使用CSS或SVG實(shí)現(xiàn)動(dòng)畫(huà)。
3. 從你的HTML代碼單獨(dú)的CSS和JavaScript。讓他們能夠緩存,這使得代碼更易于調(diào)試。在生產(chǎn)中,可以壓縮CSS和JavaScript,并且應(yīng)該被用作構(gòu)建系統(tǒng)的一部分。注意*看到JavaScript(編譯)競(jìng)爭(zhēng)系統(tǒng)的建設(shè)

不超載布局

在博客(和新網(wǎng)站)出現(xiàn)之前，這樣頁(yè)面滾動(dòng)的水平或垂直滾動(dòng)被認(rèn)為是不好的做法。頁(yè)面越小，越困難(但不是不可能)填充屏幕狀況良好?，F(xiàn)在，博客和內(nèi)容驅(qū)動(dòng)的網(wǎng)站，不時(shí)看到幾百Kb的頁(yè)面大小。是的，你需要填入更多的空間，但這并不意味著你必須使用一個(gè)大的背景圖片，大量的表，或大量的內(nèi)容填寫(xiě)。遵循簡(jiǎn)單的原則:少即是多。頁(yè)充滿了各種類型的圖片、視頻、廣告等，這是與實(shí)用性的原則，因此，當(dāng)添加頁(yè)面的內(nèi)容請(qǐng)三思。

檢查使用cookie的情況

cookie 可能是很小的文件，但是瀏覽器仍然需要下載它們。大的cookie需要下載時(shí)間，從而增加瀏覽器加載頁(yè)面的時(shí)間。由于這個(gè)原因，它是非常重要的最小化瀏覽器的響應(yīng)時(shí)間因素。

壓縮和縮小JavaScript文件

JavaScript文件可以是非常大的,這意味著在某些情況下,他們的下載時(shí)間可能超過(guò)所有其他組件的下載時(shí)間還長(zhǎng)。解決這個(gè)問(wèn)題的一個(gè)方法是壓縮JavaScript文件。您可以使用郵政GNU(gzip)來(lái)完成這項(xiàng)任務(wù),因?yàn)楹芏酁g覽器都支持這種壓縮算法。另一個(gè)替代方法是縮小文件。這種方法刪除所有不必要的字符代碼,如制表符、空格和換行(選項(xiàng)卡)。刪除代碼中的注釋和空白,進(jìn)一步減少文件的大小。外部和內(nèi)部樣式表可以減少。兩個(gè)最受歡迎的是一和壓縮機(jī)YUI縮小工具

代理緩存

當(dāng)瀏覽器通過(guò)代理來(lái)發(fā)送請(qǐng)求時(shí)，情況會(huì)不一樣。假設(shè)針對(duì)某個(gè)URL發(fā)送到代理的第一個(gè)請(qǐng)求來(lái)自于一個(gè)不支持gzip的瀏覽器。這是代理的第一個(gè)請(qǐng)求，緩存為空。代理將請(qǐng)求轉(zhuǎn)發(fā)給服務(wù)器。此時(shí)響應(yīng)是未壓縮的，代理緩存同時(shí)發(fā)送給瀏覽器?，F(xiàn)在，假設(shè)到達(dá)代理的請(qǐng)求是同一個(gè)url，來(lái)自于一個(gè)支持gzip的瀏覽器。代理會(huì)使用緩存中未壓縮的內(nèi)容進(jìn)行響應(yīng)，從而失去了壓縮的機(jī)會(huì)。相反，如果第一個(gè)瀏覽器支持gzip，第二個(gè)不支持，你們代理緩存中的壓縮版本將會(huì)提供給后續(xù)的瀏覽器，而不管它們是否支持gzip。

解決辦法：在web服務(wù)器的響應(yīng)中添加vary頭Web服務(wù)器可以告訴代理根據(jù)一個(gè)或多個(gè)請(qǐng)求頭來(lái)改變緩存的響應(yīng)。因?yàn)閴嚎s的決定是基于Accept-Encoding請(qǐng)求頭的，因此需要在vary響應(yīng)頭中包含Accept-Encoding。

以上內(nèi)容就是創(chuàng)新互聯(lián)對(duì)，“在網(wǎng)頁(yè)制作或者瀏覽時(shí)怎樣提升網(wǎng)頁(yè)的加載性能”回答的內(nèi)容。找上海網(wǎng)站建設(shè)服務(wù)，可直接聯(lián)系創(chuàng)新互聯(lián)客服。

文章題目：在網(wǎng)頁(yè)制作或者瀏覽時(shí)怎樣提升網(wǎng)頁(yè)的加載性能
網(wǎng)頁(yè)地址：http://aaarwkj.com/news32/166182.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、定制開(kāi)發(fā)、商城網(wǎng)站、建站公司、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)