首頁 > web前端 > html教學 > 深層優化 提高網站的訪問速度的一些技巧_HTML/Xhtml_網頁製作

深層優化 提高網站的訪問速度的一些技巧_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:44:13
原創
1324 人瀏覽過

  網站訪問速度可以直接影響到網站的流量,而網站的訪問量幾乎與網站的利益直接掛鉤,因此網站的速度問題成為企業及站長十分關注的問題。現在網站越來越多,不少朋友的網站打開速度很不理想。也許自己開網站速度很快,別人開自己網站卻反映速度滿。這有可能是因為網通和電信等線路問題造成的,但大部分是因為大家網站本身的問題影響了速度。如何讓提高網站訪問速度呢?下面談一下一些關鍵的問題和解決方法。
  很多人都用虛擬主機來做網站,將網頁文件存放在虛擬空間上,但是頁面內容一多,網站打開的速度就顯得特別慢,如果您碰到這種情況,與其尋求更好的空間,不如透過優化網頁程式碼來取得滿意的速度。以下總結了一些切實可行的方法,製作首頁時,以下的方法可以令網頁速度大大提高。
  一、記得幫頁面減肥
  瀏覽網頁其實是將虛擬主機中的網頁內容下載到本機硬碟,再用瀏覽器解釋檢視的。下載網頁的快慢在顯示速度上佔了很大比重,所以,網頁本身所佔的空間越小,那麼瀏覽速度就會越快。這就要求在做網頁的時候遵循一切從簡的原則,如:不要使用太大的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檔案中去,然後在首頁透過 這樣的程式碼來引用該js檔案。這樣,資料顯示的任務就交給客戶端的瀏覽器去做,不會耗費伺服器的資源,顯示速度自然就很快!
五、使用iframe嵌套另一頁
  例如你要在網站首頁上插入一些廣告代碼,又不想讓這些廣告網站影響速度的話,那麼,使用iframe最合適不過了。例如在http://www.aaa.com/首頁上插入一些廣告代碼方法:將這些廣告代碼放到一個獨立的頁面去,然後在首頁用如下的代碼將該頁面嵌入即可,這樣就不會因為廣告頁面的延遲而拖了整個首頁的顯示,程式碼如下:


  其中http://www.aaa.com/ServerPart.asp是被引用檔案的路徑。
  六、講究網站計數器程式碼放置的技巧
Web ページにカウンタを配置すると、Web サイトのトラフィックをカウントでき、Web マスターや広告主にアクセスの基準を提供できます。ただし、Web サイト統計システムがどれほど強力であっても、障害は常に発生します。統計コードをページ コンテンツの直前に直接配置するか、Table タグまたは div タグに配置すると、カウンターにアクセスできないときに、ページ上の Table または div によって数十秒の遅延が発生し、ページへのアクセスに時間がかかります。したがって、Web サイトの速度を向上させるには、統計コードの配置に注意する必要があります。正しい方法は、統計コードをページの下部に配置し、同じ Table タグや div タグ内に配置しないことです。ページコンテンツとして。統計コードをページ コードの下部に直接配置することも、下部に別の Table または div を作成してカウンターを配置することもできます。このようにして、カウンターにアクセスできない場合でも、Web サイトの速度はまったく影響を受けません。
7. フレンドリーリンクの知識
ウェブサイト同士をリンクすると、ウェブサイトの宣伝効果が高まります。ロゴ画像をリンクすると、ウェブサイトのテーマや位置付けをより正確に表現でき、宣伝効果が大幅に高まります。ただし、画像のリンクが多すぎると、必然的に宣伝効果が高まります。ウェブページの表示速度。多くの Web マスターは、フレンドシップ Web サイトの画像 URL を直接引用することを好みます。そのため、画像を表示するには、まず画像をロードする必要があり、各フレンドシップ Web サイトのアクセス速度は異なり、画像がダウンロードされるまでテーブル全体が待機する必要があります。これにより、ページの消費時間が大幅に短縮されます。したがって、フレンドリーリンクを作成するときは、次のことを試みる必要があります。
1. テキストリンクのみを作成します: テキストリンクを作成しても、Web ページの速度は遅くなりません。
2. すべてのリンクを別のページに配置し、ホームページ上のページにリンクします。
3. フレンドリーリンクをホームページに表示する必要がある場合は、リンクが配置されているテーブル全体をページの下部に配置してください。ページは上から下に 1 行ずつ表示されるため、下部に配置してください。ページの他のコンテンツの表示が遅れます。
4. まずフレンドリー リンクのロゴ画像をダウンロードしてから、自分の Web スペースに転送します。この方法では、速度は自分の Web スペースによって決まり、フレンドリー Web サイトの影響を受けません。
8. ウェブサイトスペースの選択
上記の方法を使用してもスペースのアクセス速度が理想的でない場合は、Web サイトのスペース速度に問題がある可能性があります。 Web サイトのスペースを選択するときは、他のユーザーが Web サイトにアクセスするときにネットワークの問題によって引き起こされる遅延を回避できる、二重行スペースを使用することをお勧めします。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板