優化網頁速度

2021-05-22 16:42:26 字數 1760 閱讀 5888

1、優化2、影象格式的選擇

一般在網頁上使用的格式有三種,jpg、png、gif.三 種格式的具體技術指標不是這篇文章**的內容,我們只需要知道在什麼時候應該使用什麼格式,以減少網頁的載入時間。

1、jpg:一 般用於展示風景、人物、藝術照的攝影作品。有時也用在電腦截圖上。

2、gif:提供的顏色較少,可用在一些對顏色要求不高的地方, 比如**logo、按鈕、表情等等。當然,gif的乙個重要的應用是動畫。就像用lunapic製作的倒映。

3、 png:png格式能提供透明背景,是一種專為網頁展示而發明的格式。一般用於需要背景透明顯示或對影象質量要求較高的網頁上。

3、優化 css

css疊層樣式表讓網頁載入起來更高效,瀏覽體驗也得到提高。有了css, **布局的方式可以退休了。

但有時我們在寫css的時候會使用了一些比較羅嗦的語句,比如這句:

css**

margin-top: 10px;   

margin-right: 20px;   

margin-bottom: 10px;   

margin-left: 20px;   

margin-top: 10px; 

margin-right: 20px;

margin-bottom: 10px;

margin-left: 20px;

你可以將它簡化為:

margin: 10px 20px 10px 20px;

又或者這句:

html**

<p  class = "decorated" >a paragraph of decorated text</p>   

<p class = "decorated" >second paragraph</p>   

<p class = "decorated" >third paragraph</p>   

<p class = "decorated" >forth paragraph</p>   

<p class="decorated">a paragraph of decorated text</p> 

<p class="decorated">second paragraph</p>

<p class="decorated">third paragraph</p>

<p class="decorated">forth paragraph</p>

可以用div來包含:

html**

<div  class = "decorated" >   

<p>a paragraph of decorated text</p>   

<p>second paragraph</p>   

<p>third paragraph</p>   

<p>forth paragraph</p>   

</div>   

<div class="decorated"> 

<p>a paragraph of decorated text</p>

<p>second paragraph</p>

<p>third paragraph</p>

<p>forth paragraph</p>

</div>

網頁速度優化

一 我們需達解決的麻煩 減小被請求檔案大小,減少請求資料占用的網路頻寬.讓使用者更快的看到想要的結果.提高客戶端渲染速度.讓瀏覽器同時能請求更多的資料.提高伺服器相應速度.通過版本化控制客戶端cache.二 如何解決我們的麻煩 a.如何減少http請求數 合併js檔案跟css檔案。合併框架以及相對變...

網頁優化技巧 提高頁面開啟速度

一 優化 幾乎沒有哪個網頁上是沒有的。如果你經歷過56k moden的年代,你一定不很喜歡有大量的 因為載入那樣的網頁會花費大量的時間。即使在現在,網路頻寬有了很多的提高,56k moden逐漸淡出,優化以加快網頁速度還是很有必要的。2 降低影象質量 如果不是很必要,嘗試降低影象的質量,尤其是jpg...

提高網頁載入速度

1.頁面資料呼叫 資料庫查詢 方面原因,程式儘量減少訪問資料庫次數.2.頁面引用過多,會影響頁面載入速度。3.js呼叫,影響頁面載入速度。4.檔案大小沒有控制好,頁面載入 flash過多而又沒有控制其大小。具體可採用js來改變載入項的順序,在保證頁面能夠正常瀏覽之後再載入廣告 次要等資訊。5.伺服器...