網頁載入慢的問題及部分解決辦法

來源:互聯網
上載者:User

關於我們上網開啟網頁的瀏覽速度的問題一直讓許多朋友頭疼,在相同的機器和網速下為什麼有的機器瀏覽速度就會很快,用著很舒心,有的朋友看到別人在網上衝浪那麼爽,自己卻在這裡砸鍵盤怪自己的機器配置低,其實不然。在這裡我個人總結了一些切實可行的方法,製作首頁時,以下的方法可以令你的網頁速度大大提高,來與大家一起分享!

一.記得幫頁面減肥

我們瀏覽網頁實際上是將虛擬機器主機中的網頁內容下載到本地硬碟,再用瀏覽器解釋查看的。下載網頁的快慢在顯示速度上佔了很大比重,所以,網頁本身所佔的空間越小,那麼瀏覽速度就會越快。這就要求在做網頁的時候遵循一切從簡的原則,如:不要使用太大的Flash動畫、圖片等資源。乾淨、簡潔的頁面會給人一種思路明朗的感覺。

二、如沒必要,盡量使用靜態HTML頁面

眾所周知,ASP、PHP、JSP等程式實現了網頁資訊的動態互動,運行起來的確非常方便,因為它們的資料互動性好,能很方便地存取、更改資料庫的內容,使網站“動”起來,如:論壇、留言板等。但是這類程式必須先由伺服器執行處理後,產生HTML頁面,然後再“送”往用戶端瀏覽,這就不得不耗費一定的伺服器資源。如果在虛擬機器主機上過多地使用這類程式,網頁顯示速度肯定會慢,所以沒有必要,請盡量使用靜態HTML頁面。 這一點可以參考

三、切忌將整個頁面內容塞到一個Table中

這是網頁設計的問題了,很多站長為了追求頁面統一對齊,將整個頁面的內容都塞進了一個Table(表格)裡,然後再由儲存格td來劃分各個“塊”的布局,這種網站的顯示速度是絕對慢的。因為Table要等裡面所有的內容都載入完畢後才顯示出來的,如果某些內容無法訪問,就會拖延整個頁面的訪問速度。正確的做法是:將內容分割到幾個具有相同格局的Table中去,不要全都塞到一個Table裡。

四.將ASP、ASPX、PHP等檔案的訪問改為.js引用。

這在ASP、ASPX、PHP等程式設計時應該注意的,如果你要在靜態HTML頁面裡嵌入動態資料,而這些動態資料是由ASP、PHP等程式來提供的話,會使用以下的語句引用:,這樣的話,每次有一個人訪問你的網站,伺服器就要執行並處理一次tongji.asp檔案,從資料庫抽取相應的資料,再輸出給網頁顯示,如果有幾萬個人同時訪問,就要執行幾萬次,後果就可想而知。建議在這些程式中將資料動態產生到一個1.js檔案中去,然後在首頁通過 < script src="http://www.XXX.com/1.js">< /script>這樣的代碼來引用該1.js檔案。這樣,資料顯示的任務就交給用戶端的瀏覽器去做,不會耗費伺服器的資源,顯示速度自然就很快;

五.使用iframe嵌套另一頁面。

如果你要在網站上插入一些廣告代碼,又不想讓這些廣告網站影響速度的話,那麼,使用iframe最合適不過了。方法是:將這些廣告代碼放到一個獨立的頁面去,然後在首頁用如下的代碼將該頁面嵌入即可,這樣就不會因為廣告頁面的延遲而拖了整個首頁的顯示,代碼如下:

<iframe align="center" width="780" height="30" name="all" scrolling="no" marginWidth=0 frameborder="0" src=http://www.XXX.com></iframe>

其中http://www.XXX.com 就是被引用的檔案路徑。 

六.講究網站計數器代碼放置的技巧

在網頁裡放置計數器可以統計網站的訪問流量,為站長和廣告商家提供訪問依據,但是,不管功能有多強大的網站統計系統,都會有出故障的時候。如果直接把統計代碼放到頁面內容的前面,或者放在一個Table或者div標籤裡,那麼在計數器不能訪問的時候,你的頁面上那個Table或者div就會產生幾十秒鐘的延遲,導致頁面很長時間才能訪問。所以,要提高網站的速度,就要講究統計代碼放置的位置,正確的方法是:把統計代碼放到頁面的最下面,並且不要和頁面內容同在一個Table或者div標籤裡。可以在頁面代碼的最下方直接放置統計代碼,或者在最下方單獨做一個Table或者div來放置計數器。這樣,在計數器不能訪問的時候,你的網站速度也不會受到絲毫影響。

七.友情連結的學問

網站之間互相做連結可以增加網站的宣傳效果,做LOGO圖片連結更能準確地描述網站的主題和定位,宣傳效果會大大的增強,但圖片連結做得太多,必然會影響網頁的顯示速度。很多站長都喜歡直接引用友情網站上的圖片URL,這樣圖片要先經過載入才能顯示的,各個友情網站的訪問速度不一樣,整個表格都要等圖片都下載完了才能顯示出來,這樣大大降低了網頁的速度。因此,做友情連結時應盡量做到:

1.只做文字連結:做文字連結是不會延遲網頁速度的。

2.將所有連結放到一個獨立的分頁去,然後在首頁連結上該頁。

3.如果友情連結一定要出現在首頁,請將連結所在的整個Table放到頁面的最下方,因為頁面是由上到下逐行顯示的,將其放到頁面的最下方,不會延遲其他內容的顯示。

4.友情連結的LOGO圖片先下載後再傳到自己的網頁空間,這樣,速度由自己的網站空間決定而不受友情網站的影響。

總之,網站速度最佳化還有很多途徑,尤其是在網站建設初期的架構上要多採用靜態頁面展現+的架構,只有這樣才能從根本上提高網站訪問速度

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.