提高網(wǎng)頁加載速度的方法是什么?

古柏廣告設計
助力企業(yè)品牌成長
圍觀:1111次

在打開網(wǎng)頁的時候,可能差不多相同的網(wǎng)頁,他們的加載速度是很不相同的,有的快很多,有的又慢。這個是為什么呢?網(wǎng)頁加載速度和哪些因素有關?怎么去提高它們的加載速度呢?

縮減頁面
在網(wǎng)速一定的情況下,頁面體積(大?。┰叫〉木W(wǎng)頁肯定加載時間要快的。所以縮減頁面體積也是提高網(wǎng)頁加載速度的重要方法。在滿足頁面必要的 內容之后??梢詼p少那些不必要的元素。縮減頁面可以從網(wǎng)頁代碼來著手,所以建議代碼和格式控制的分離,建議用div+css的方式來做網(wǎng)站。CSS文件從外部引用,可以減少大約一半的代碼量。相對于TABLE來說。

減少網(wǎng)頁的連接
頁面連接數(shù)是指瀏覽器從服務器上下載完當前頁面以及其所需資源的過程中向服務器發(fā)出的請求次數(shù)??赡芫W(wǎng)頁要從別的地方下載一些東西來完善,那么最好是減少這種連接,如一個頁面含有2個圖片,2個CSS文件和1個JS。那么網(wǎng)頁的連接一共有1+2+2+1=6個連接。這還算比較少的,一般的頁面可能不止,所以,適當減少網(wǎng)頁連接也是必要的。縱觀不少的國外網(wǎng)站,一般都是用CS來控制外觀,很少用圖片的,有的網(wǎng)站幾乎都不用圖片。

還有就是能統(tǒng)一到一個文件里面的盡廣州網(wǎng)站設計量統(tǒng)一到一個文件里面,比如js文件和css文件都沒有必要外聯(lián),都可以吐到一個相應的html代碼中間,讓服務器一次性發(fā)送給瀏覽器,這樣的好處有很多:首先可以減少頁面連接數(shù),其次可以避免由于網(wǎng)絡問題造成的頁面裸奔現(xiàn)象(沒有css修飾的頁面就是裸奔)和js功能函數(shù)沒load完造成頁面功能不完整的現(xiàn)象。

我們一般看到的大型網(wǎng)站都是這樣的。他們的CSS和HTML都是在一個頁面。那么可能有人說:把js和css代碼都寫在一個頁面里面豈不是很不好維 護?事實上但是把js和css代碼與HTML搞在一起只是給瀏覽器看的,有很多的方法可以做到頁面生成之前css、js和HTML都是完全分離的,而生成的頁面卻是三者的綜合體。

設置瀏覽器的頁面緩存
設置瀏覽器的頁面緩存也是一個不錯的辦法,能非常有效地降低頁面連接數(shù),提高頁面加載速度。比如通用標志、頁首或導航條,不必一遍一遍地下載。一般IE在RAM或硬盤上設置緩存來存儲最近用到的圖像。如果瀏覽器認識是相同的文件名,它會讀緩存,而不是從網(wǎng)上下載。當然這只是針對那些實時性不強的網(wǎng)站來說。

啟用GZIP壓縮
這個是近年來的技術,啟用GZIP壓縮可以讓網(wǎng)頁實際下載量只有原來的1/3。所有的瀏覽器都支持,問題是服務器支持這種壓縮算法沒有,建議可以壓縮的話盡量啟用。也是一個重要的功能。

服務器能力
這里的服務器主要包括兩項,一個是http的服務器,還有一個是數(shù)據(jù)庫服務器。在訪問網(wǎng)頁時一般靠的是這兩個服務器的配合程度。一般ASP的頁面建議用SQL SERVER或者ACESS,PHP的可以用MYSQL。提高網(wǎng)頁加載速度的方法可以從服務器的連接數(shù)、提高程序執(zhí)行效率著手,比如靜態(tài)化頁面或者使用緩存可以減少數(shù)據(jù)庫的壓力,減少頁面連接數(shù)可以減少http服務器的壓力等。

客戶端網(wǎng)絡狀況
這個肯定不用說了,肯定是網(wǎng)速越快的加載時間也越短,不過對于網(wǎng)站建設者來說,這點是無能為力的,這點取決于瀏覽者電腦的網(wǎng)絡狀況,不過的確也是一個因素。


?更加全面的可以加速網(wǎng)頁的方法如下:

  • 1. 減少網(wǎng)頁的 HTTP 請求
  • 2. 使用 CDN
  • 3. 為網(wǎng)頁元素添加 Expires Header
  • 4. 啟用 Gzip
  • 5. 把 CSS 放在網(wǎng)頁頂部
  • 6. 把活動的腳本文件移到底部
  • 7. CSS中避免使用Expression語句
  • 8. JS和CSS文件從外部引用
  • 9. 減少 DNS 查表時間
  • 10. 縮小JS和CSS文件體積
  • 11. 避免網(wǎng)頁跳轉
  • 12. 刪除重復的腳本
  • 13 配置Etag

?

當然,可能有更多的方法來提高網(wǎng)頁加載速度,不過通過上面介紹的這些方法之后,網(wǎng)頁的打開速度應該會大大加快。

版權聲明:以上文章信息來源于網(wǎng)絡,等僅代表原作者本人的觀點。除了已經(jīng)標注原創(chuàng)的文章外,其它文章版權和文責屬于原作者。文章中出現(xiàn)的商標、專利和其他版權所有的信息,其版權屬于其合法持有人。對可以提供充分證據(jù)的侵權信息, 我們將在確認后的1小時內刪除。


本網(wǎng)站之聲明以及其修改權、更新權和最終解釋權均屬廣州古柏廣告策劃有限公司所有。

(注:古柏廣告-版權所有-轉載請注明出處。)

關鍵詞: 返回上層
品牌全案策劃、設計、執(zhí)行一站式服務,
助力企業(yè)品牌成長!

掃一掃關注古柏

GOOBAI AD.

Brand Whole Case Design


4000-882-993

8ozt56.cn

微信加好友咨詢


廣州古柏廣告策劃有限公司

地址:廣州市天河區(qū)東圃長盛商務大廈B213-215

Copyright?2004-2020 GOOBAI Inc.All rights reserved

粵公網(wǎng)安備: 44010602001481號

備案號:粵ICP備09222445號

GOOBAIAD

服務熱線:020-3160-9080

業(yè)務總監(jiān):136-3149-2728(Mr.羅)

Q Q/微信:212210324

與古柏對話

關注古柏