800元手機電腦做網站_設計網頁建設制作_優化推廣_濟寧網絡公司
當前位置:主頁 > 新聞資訊 > 最新動態 >

雅虎網站頁面性能優化的34條黃金守則

發表日期:2017-11-29 16:00文章編輯:木易工作室瀏覽次數: 標簽:    

避免使用JavaScript來修改頁面布局
     使用Expires文件頭只有會在用戶已經訪問過你的網站后才會起作用。當用戶首次訪問你的網站時這對減少HTTP請求次數來說是無效的,因為瀏覽器的緩存是空的。因此這種方法對于你網站性能的改進情況要依據他們“預緩存”存在時對你頁面的點擊頻率(“預緩存”中已經包含了頁面中的所有內容)。Yahoo!建立了一套測量方法,我們發現所有的頁面瀏覽量中有75~85%都有“預緩存”。通過使用Expires文件頭,增加了緩存在瀏覽器中內容的數量,并且可以在用戶接下來的請求中再次使用這些內容,這甚至都不需要通過用戶發送一個字節的請求。

并行加載腳本

15、盡早刷新輸出緩沖
       一個復雜的頁面意味著需要下載更多數據,同時也意味著JavaScript遍歷DOM的效率越慢。比如當你增加一個事件句柄時在500和5000個DOM元素中循環效果肯定是不一樣的。
     HTTP/1.1 304 Not Modified
沒有語意
     If-None-Match: "10c24bc-4ab-457e1c1f"

文件盡量地小,最好小于1K

即時內容為空,加載也需要時間
     一個避免偶爾發生的兩次引用同一腳本的方法是在模板中使用腳本管理模塊引用腳本。在HTML頁面中使用<script />標簽引用腳本的最常見方法就是:

19、使用外部JavaScript和CSS
   配置ETags

13、Gzip壓縮文件內容
   <body>
為了防止多次重復引用腳本,這個方法中還應該使用其它機制來處理腳本,如檢查所屬目錄和為腳本文件名中增加版本號以用于Expire文件頭等。

     HTML規范清楚指出樣式表要放包含在頁面的<head />區域內:“和<a />不同,<link />只能出現在文檔的<head />區域內,盡管它可以多次使用它”。無論是引起白屏還是出現沒有樣式化的內容都不值得去嘗試。最好的方案就是按照HTML規范在文檔<head />內加載你的樣式表。

     Accept-Encoding: gzip, deflate
     把頁面內容打包成復合文本就如同帶有多附件的Email,它能夠使你在一個HTTP請求中取得多個組件(切記:HTTP請求是很奢侈的)。當你使用這條規則時,首先要確定用戶代理是否支持(iPhone就不支持)。

     把樣式表放在文檔底部的問題是在包括Internet Explorer在內的很多瀏覽器中這會中止內容的有序呈現。瀏覽器中止呈現是為了避免樣式改變引起的頁面元素重繪。用戶不得不面對一個空白頁面。
“我們要說的是:給PNG一個施展身手的機會吧!”
在所有的PNG圖片上運行pngcrush(或者其它PNG優化工具)。例如:
     服務器根據文件類型來選擇需要進行gzip壓縮的文件,但是這過于限制了可壓縮的文件。大多數web服務器會壓縮HTML文檔。對腳本和樣式表進行壓縮同樣也是值得做的事情,但是很多web服務器都沒有這個功能。實際上,壓縮任何一個文本類型的響應,包括XML和JSON,都值得的。圖像和PDF文件由于已經壓縮過了所以不能再進行gzip壓縮。如果試圖gizp壓縮這些文件的話不但會浪費CPU資源還會增加文件的大小。
有條件加載:根據用戶的操作來有根據地判斷用戶下面可能去往的頁面并相應的預加載頁面內容。在search.yahoo.com中你可以看到如何在你輸入內容時加載額外的頁面內容。
設置合理的過期時間。較早地Expire時間和不要過早去清除coockie,都會改善用戶的響應時間。
會阻止頁面加載
       域名系統(DNS)提供了域名和IP的對應關系,就像電話本中人名和他們的電話號碼的關系一樣。當你在瀏覽器地址欄中輸入時,DNS解析服務器就會返回這個域名對應的IP地址。DNS解析的過程同樣也是需要時間的。一般情況下返回給定域名對應的IP地址會花費20到120毫秒的時間。而且在這個過程中瀏覽器什么都不會做直到DNS查找完畢。

17、把樣式表置于頂部
Spirite中把顏色較近的組合在一起可以降低顏色數,理想狀況是低于256色以便適用PNG8格式;
有關更多信息可以查看Tenni Theurer和Patty Chi的文章“When the Cookie Crumbles”。這們研究中主要包括:

內聯圖像是使用data:URL scheme的方法把圖像數據加載頁面中。這可能會增加頁面的大小。把內聯圖像放到樣式表(可緩存)中可以減少HTTP請求同時又避免增加頁面文件的大小。但是內聯圖像現在還沒有得到主流瀏覽器的支持。

     用戶與你網站服務器的接近程度會影響響應時間的長短。把你的網站內容分散到多個、處于不同地域位置的服務器上可以加快下載速度。但是首先我們應該做些什么呢?
     <script type="text/javascript" src="http://www.cnblogs.com/li0803/archive/2009/09/20/menu_1.0.17.js"></script>
     減少頁面組件的方法其實就是簡化頁面設計。那么有沒有一種方法既能保持頁面內容的豐富性又能達到加快響應時間的目的呢?這里有幾條減少HTTP請求次數同時又可能保持頁面內容豐富的技術。

       把整個過程按照onload事件分隔成兩部分,JavaScript是一個理想的選擇。例如,如果你有用于實現拖放和動畫的JavaScript,那么它就以等待稍后加載,因為頁面上的拖放元素是在初始化呈現之后才發生的。其它的例如隱藏部分的內容(用戶操作之后才顯現的內容)和處于折疊部分的圖像也可以推遲加載
     Expires: Thu, 15 Apr 2010 20:00:00 GMT

34、打包組件成復合文本
     不要為了在HTML中設置長寬而使用比實際需要大的圖片。如果你需要:
10、不要出現404錯誤
       當性能目標和其它網站開發實踐一致時就會相得益彰。這種情況下,通過程序提高網站性能的方法告訴我們,在支持JavaScript的情況下,可以先去除用戶體驗,不過這要保證你的網站在沒有JavaScript也可以正常運行。在確定頁面運行正常后,再加載腳本來實現如拖放和動畫等更加花哨的效果。

在所有的JPEG圖片上運行jpegtran。這個工具可以對圖片中的出現的鋸齒等做無損操作,同時它還可以用于優化和清除圖片中的注釋以及其它無用信息(如EXIF信息):
   避免跳轉

29、優化圖像
     Gzip壓縮所有可能的文件類型是減少文件體積增加用戶體驗的簡單方法。

25、減少DOM訪問
30、優化CSS Spirite

5、推遲加載內容
     Content-Encoding: gzip
     除增加額外的HTTP請求外,多次運算腳本也會浪費時間。在Internet Explorer和Firefox中不管腳本是否可緩存,它們都存在重復運算JavaScript的問題。
       預加載和后加載看起來似乎恰恰相反,但實際上預加載是為了實現另外一種目標。預加載是在瀏覽器空閑時請求將來可能會用到的頁面內容(如圖像、樣式表和腳本)。使用這種方法,當用戶要訪問下一個頁面時,頁面中的內容大部分已經加載到緩存中了,因此可以大大改善訪問速度。

便于移動,不要在Spirite的圖像中間留有較大空隙。這雖然不大會增加文件大小但對于用戶代理來說它需要更少的內存來把圖片解壓為像素地圖。100x100的圖片為1萬像素,而1000x1000就是100萬像素。

相關新聞

養成幾種菏澤牡丹區seo好習慣,讓你網站推廣更

經常許多企業或者個人站長會問,為什么做了那么多工作,花了那么多時間去運營網站、去優...

日期:2018-09-09 瀏覽次數:171

如何利用分類信息菏澤開發區網站SEO進行網站推

最近對內部學員培訓的時候,在大家討論的時候,發現很多企業網站主,都忽略一個推廣的好...

日期:2018-09-09 瀏覽次數:169

鄆城網站推廣需要強大的執行力

14年正式踏入醫療互聯網,從最初的網站設計一步步做到現在的網絡主管,其中也積累了一些網...

日期:2018-09-09 瀏覽次數:184

鄄城網站推廣是個功夫活 如果堅持不下去了,怎

如果網站推廣不堅持,這個網站的命運就堪憂。看多太多的網站,上線的時候轟轟烈烈,恨不...

日期:2018-09-09 瀏覽次數:118

東明網站推廣里面什么內容更容易獲得百度搜索

SEOer經常困惑這樣一個問題,為什么我的內容頁沒有排名,甚至連收錄都沒有,那么關于網站推...

日期:2018-09-09 瀏覽次數:130

定陶網站推廣最有效的方法你知道幾種

網站推廣即利用各種互聯網工具、資源、平臺進行營銷的一種新方式,以此提高網站的曝光度...

日期:2018-09-09 瀏覽次數:109

拳皇98APP 4399小游戏河北麻将 北京赛车pk10官网登录 江西快三全天计划 江苏十一选五开奖公告 七星彩走势图表体坛网 22世纪古墓奇兵高清 全民突击pvp辅助 奇迹觉醒套装 联众德州扑克 12088七星彩 德科钻石APP 江西时时彩走势图 英雄坛说锁子甲 天天酷跑修改器 无限法则官网下载 广岛三箭2019球衣