1. 程式人生 > >如何優化網站頁面提高網頁的載入速度

如何優化網站頁面提高網頁的載入速度

網站要想載入快無非就是減少http請求次數,下面說一下具體做法:

1:字符集宣告

如果<head>部分未定義字符集,將增加頁面渲染次數,速度減慢。

2:Meta資訊完善程度

建議網站meta資訊填寫完整

3:合併域名

4:取消重定向

無論是通過伺服器端重定向或者JavaScript程式碼進行內容重定向。網站都會首先載入一個空白的頁面,然後在定向到另外的頁面,這樣不僅延長了頁面的載入時間,還很有可能導致無法跳轉,讓使用者面對一個“空白”頁面。

5:合併JS

清除重複多餘的指令碼,將網站中的js封裝到一起,縮小JavaScript比如去除不必要的空格等其他標籤等

6:合併CSS

將網站中的css封裝到一起

7:使用Css Sprite

CSS Sprites簡介 CSSSprites在國內很多人叫css精靈,是一種網頁圖片應用處理方式。

8:啟用Gzip

9:CSS位置

建議將他們放到<body>前,CSS放在<body>後,頁面需要重新渲染,開啟速度受到影響。

10:js位置

JS放在頁面最後,可以加快頁面開啟速度。

11:圖片大小宣告

如果圖片大小不做定義,則頁面需要重新渲染,速度受到影響。

12:圖片Alt資訊檢

建議為網頁img標籤增加alt資訊(檢測資訊為整個頁面圖片,加入這項資訊可使網頁上的圖片更容易被使用者檢索到)

13:去除錯誤連線

無法開啟的連線,會導致頁面開啟緩慢,請及時修正或刪除。並給網站做404。

14:快取靜態資源

變化很少的靜態資源可以設定客戶端快取,減少請求。比如一篇文章釋出後就不在改了,這樣就應該生成html檔案,來提高網站載入速度。

15:URL長度檢測

建議URL長度在256位元組以內,有關url更多建議參考

16:在靜態頁面上不建議使用動態引數

在靜態頁面上使用動態引數,會造成spider多次和重複抓取“檢測出很多.php的URL,其實就是動態網頁

17:儘量不用Frame/iFrame

18:Flash不要出現沒必要的文字資訊

19:減少域名DNS查詢時間

使用者在瀏覽器的位址列中鍵入域名後,瀏覽器就會通過DNS系統查詢域名對應的IP地址,所以需要將DNS的時間設定在較低的水平,比如平均60-100毫秒進行一次DNS查詢。

PS :原文地址http://www.phpernote.com/seo/631.html

以前做網站很少考慮網站載入的問題,這兩天組長要我們優化主站,才發現有很多需要優化的地方,並且有很多好的方法,希望在這條道路上有所成長。

相關推薦

如何優化網站頁面提高網頁載入速度

網站要想載入快無非就是減少http請求次數,下面說一下具體做法: 1:字符集宣告 如果<head>部分未定義字符集,將增加頁面渲染次數,速度減慢。 2:Meta資訊完善程度 建議網站meta資訊填寫完整 3:合併域名 4:取消重定向 無論是通過伺服器端重定向或者

如何提高網站頁面圖片的載入速度

1、控制jpg圖片的質量   質量高的jpg格式圖片比較清晰,色彩更鮮豔,不少人就用這種圖片來美化header,其實這對速度的影響是很大的,因為開啟一個頁面首先載入的就是header,header載入時間太長的話,很容易使第一次來的訪客反感,還有一種情況是頁面上的小圖示,有

【前端開發】25種提高網頁載入速度的方法和技巧

尊重原創:http://blog.csdn.net/wxzking/article/details/4089384 您希望加快網頁的載入速度嗎?瞭解如何通過縮短載入時間來改善撥號上網使用者的瀏覽體驗,在某些情形下,載入時間最多可縮短 80%。下面介紹二十五中網速方法和

網頁載入速度優化方案

一、網頁載入流程 解析 HTML 結構 載入樣式表和外部指令碼 解析並執行指令碼程式碼(部分指令碼會阻塞頁面載入) DOM 樹構建完成(DOMContentLoaded 事件) 載入圖片等外部檔案 頁面載入完畢(load 事件) 二、方式 減少請求數量 使用雪碧圖(

angular 頁面第一次載入 速度優化

首次訪問要10秒左右,之後很快,參考 路由元件拆分 預延遲載入 為什麼angular速度會變慢 我們在通過nginx build --prod --aot 命令生成釋出包後,發現main.js這個檔案異常的大,如果在使用了gzip壓縮之後訪問速度仍然不理想

優化網站效能 提高網站速度訪問速度的14條實踐

    相信網際網路已經越來越成為人們生活中不可或缺的一部分。ajax,flex等等富客戶端的應用使得人們越加“幸福”地體驗著許多原先只能在C/S實現的功能。比如Google機會已經把最基本的office應用都搬到了網際網路上。當然便利的同時毫無疑問的也使頁面的速度越來越慢。

影響網頁載入速度的因素有哪些及優化方案

網頁開啟速度是影響使用者體驗的首要因素。 硬體因素包括:伺服器端、客戶端和網速。伺服器端主要包括:伺服器的地 域,是否雙線,處理能力等等;客戶端的因素主要包括:使用者的硬體配置、使用者使用的瀏覽器、是否有惡意外掛病毒等等;網速當然也是一個制約網頁開啟速度的重 要因素。 硬

動靜分離,提高網頁訪問速度

gin jpg oot 得到 加載 .html path page -c ? 起源 有些人總是不帶我喝咖啡,認為喝咖啡高雅,吃大蒜低俗,還好,沒有俗就沒有雅。。。我就俗了,怎麽地,打我呀。。。。哈哈 動靜分離,那麽什麽動態的,什麽是靜

提高圖片載入速度

webpack.config的圖片test的loader,可以使用file-loader 或者 url-loader, url-loader打包時是根據入口html路徑,所以直接打包會失敗,要改路徑,而file-loader不會 但是url-loader會提高效能,還比file-loader

網站加速】網站如何提升網頁開啟速度

問題:網站如何提升網頁開啟速度?   1、減少頁面請求: 從WEB執行原理上講,IIS請求是無狀態的,在伺服器端一直是連線和關閉的不斷進行著,如果能減少伺服器請求,總的時間將會減少。 之前我下載163郵箱的登陸頁面的圖片時發現,它們的只用到了一個圖片來完成整個頁面的所有圖片,

使用簡潔的 Navigation Timing API 測試網頁載入速度(不完全譯文)

轉載地址:http://www.cnblogs.com/mrsunny/archive/2012/09/04/2670727.html 我們總希望網頁載入的快一點。谷歌實驗顯示短如100毫秒的延遲就會對使用者體驗造成不好的影響。那麼我們如何來測量網頁載入速度?"page

c# winform 提高介面載入速度

說明: 從一個技術交流群裡獲得,經驗證效果不錯。 //作用 加快介面載入         protected override CreateParams CreateParams          {             get             {

減少域名DNS解析時間將網頁載入速度提升新層次-DNS快取/預讀取/拆分域名

提高網頁的開啟速度,一般地我們會選擇使用CDN,利用“就近原則”讓使用者在最短的時間內獲取到伺服器資源,實際應用當中採用CDN的方式提高網站訪問速度的效果也是最明顯的。這也就是為什麼國外的空間開啟速度遠不及國內的主機的訪問速度的原因了。 我們知道在使用者訪問網站時先得經過域

網頁載入速度緩慢的原因分析

 分析工具:  (3)google chrome的page speed 外掛 參考文章: 使用者開啟網頁的速度慢,是因為其中某個環節出了問題,或者不夠優化。簡要總結下網頁開啟速度慢的原因,主要有以下幾點: 一、網路最小頻寬 這是最主要的因素,也就是網友經常

白話科普系列——網站靠什麼提升載入速度

隨著生活節奏的不斷加快,時間變得極其寶貴,等待頁面載入的時間也隨之縮短。這樣一來如何留住客戶變成了一項重要的考驗。而減少頁面載入等待時間,加快載入速度,就成了提高使用者參與度S,提升業務可靠性的有效策略。 根據 Google 的一項研究,有 40% 的人放棄了某網站,是因為該網站的載入時間超過 3 秒,而頁

提高網站頁面載入速度的方法

我們在訪問一些網站時,總是感覺頁面載入的速度不夠快,這是什麼原因導致的呢?作為網站的開發者又能做哪些優化,來提高頁面的載入速度呢? 工具/原料   網頁開發工具

Web前端新能優化——如何提高頁面載入速度

前言:  在同樣的網路環境下,兩個同樣能滿足你的需求的網站,一個“Duang”的一下就加載出來了,一個糾結了半天才出來,你會選擇哪個?研究表明:使用者最滿

web前端效能優化--如何提高頁面載入速度

對一名前端工作人員來說,效能的優化還是很重要的. 減少http請求 ​ 1.圖片地圖:假設導航欄有多張圖片,點選每張圖片都會進入一個連線,這樣在載入時就會產生多個htttp請求.而此時如果我們用圖片地圖——所有點選提交到同一個url,同時提交使用者點選

如何提高網頁載入速度 ——DNS優化和程式碼優化

1、DNS預讀取 (網站多個子域名,第三方CDN,百度谷歌統計,其他網站的圖片等資源)DNS查詢耗時 DNS預讀取技術能夠加快開啟速度,方法是在head標籤裡面寫上幾個link標籤。例如: <link rel="dns-prefection" h

提高網站頁面加載速度的方法

優化 頁面 幫助 是什麽 註意 流量 有效 網站頁面 重定向 我們在訪問一些網站時,總是感覺頁面加載的速度不夠快,這是什麽原因導致的呢?作為網站的開發者又能做哪些優化,來提高頁面的加載速度呢? 工具/原料 網頁開發工具 方法/步驟