載入頁面訪問速度 優化

2021-05-24 12:37:24 字數 1476 閱讀 8240

一、優化

即使在現在,網路頻寬有了很多的提高,56k貓逐漸淡出,優化以加快網頁速度還是很有必要的。

優化包括減少數、降低影象質量、使用恰當的格式。

2、降低影象質量:如果不是很必要,嘗試降低影象的質量,尤其是jpg格式,降低5%的質量看起來變化不是很大,但檔案大小的變化是比較大的。

二、影象格式的選擇

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

三、優化css

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

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

margin-top: 10px; margin-right: 20px;

margin-bottom: 10px;

margin-left: 20px;

你可以將它簡化為:

margin: 10px 20px 10px 20px;

又或者這句:

a paragraph of decorated text

second paragraph

third paragraph

forth paragraph

可以用div來包含:

a paragraph of decorated text

second paragraph

third paragraph

forth paragraph

四、**後加斜槓

有些**,比如「http://book.jz123.cn/html」,當伺服器收到這樣乙個位址請求的時候,它需要花費時間去確定這個位址 的檔案型別。如果220是乙個目錄,不妨在**後多加乙個斜槓,讓其變成「http://book.jz123.cn/html/」,這樣伺服器就能一目 了然地知道要訪問該目錄下的index或default檔案,從而節省了載入時間。

五、標明高度和寬度

當瀏覽器知道了高度和寬度引數後,即使暫時無法顯示,頁面上也會騰出的空位,然後繼續載入後面的內容。從而載入時間快了,瀏覽體驗也更好了。

六、減少http請求

當瀏覽者開啟某個網頁,瀏覽器會發出很多物件請求(影象、指令碼等等),視乎網路延時情況,每個物件載入都會有所延遲。如果網頁上物件很多,這可以需要花費大量的時間。

因此,要為http請求減負。如何減負?

1、去除一些不必要的物件。

2、將臨近的兩張合成一張。

3、合併css

看看下面這段**,需要載入三個css:

我們可以將其合成乙個:

從而減少http請求。

七、其它小技巧(譯者新增)

1、去除不必要載入項。

2、如果在網頁上嵌入了其它**的widget,如果有選擇餘地,一定要選擇速度快的。

3、盡量用代替flash,這對seo也有好處。

4、有些內容可以靜態化就將其靜態化,以減少伺服器的負擔。

5、統計**放在頁尾。

優化頁面載入速度

1.js css html做gzip壓縮 不要對進行gzip壓縮 2.刪除js css html 檔案的注釋,回車符,以及無效位元組 4.css放到header中,避免白屏 5.合併js和css 壓縮js和css 6.優化快取 對沒有變化的css js,等網頁元素,直接利用客戶端的瀏覽器快取讀取來有...

優化頁面訪問速度(二) 資料庫優化

一 概述 資料庫優化,主要包括資料表設計 索引 sql語句 表拆分 資料庫伺服器架構等方向的優化。二 資料庫設計 在建表的時候,就需要考慮到將來的使用場景,盡量在建表初期就設計好。1 儲存引擎 mysql常被提到的儲存引擎就是innodb和mysiam,其實現在主要都在用innodb了。兩者的區別 ...

前端頁面載入速度優化 Ngnix之GZIP壓縮

gzip on 開啟gzip gzip static on 是否開啟gzip靜態資源 nginx對於靜態檔案的處理模組,該模組可以讀取預先壓縮的gz檔案,這樣可以減少每次請求進行gzip壓縮的cpu資源消耗。該模組啟用後,nginx首先檢查是否存在請求靜態檔案的gz結尾的檔案,如果有則直接返回該gz...