99精品久久久久久久I国产精品都在这里I天天草avI天堂av网在线I国产亚洲久久I国产精品va最新国产精品视频I久久国产精品偷I国产成人99av超碰超爽

首頁 > 新聞 > 知識賦能

高性能網站建設—CSS總結

2019-07-09 5687
分享至:

       尚品中國的一些平臺需要對訪問速度等進行優化,大致的方向就是從緩存、壓縮、減少請求等方面進行處理,不光需要對網絡有一定的理解,也需要對瀏覽器的機制以及前端的技術等有些許的了解,在這個過程中,總結出的性能黃金法則只有10%~20%的最終用戶響應時間花在了下載HTML文檔上。其余的80%~90%時間花在了下載頁面中的所有組件上。

  1. 減少HTTP請求,圖片地圖、CSS Sprites、內聯圖片和腳本、腳本和樣式表的合并。

  2. 使用CDN(北京網站建設的內容發布網絡)。

  3. 添加Expires頭,修訂文件名,比如為經常需要改變的文件添加版本號等。

  4. 壓縮組件,即減少HTTP相應的大小來減小響應時間。

  5. 將樣式表放在頂部,減少“白屏(Blank White Screen)”現象,盡量使用LINK標簽將樣式表放在文檔HEAD中。

  6. 將腳本放在底部,并行下載,腳本阻塞。

  7. 避免CSS表達式,使用“一次性表達式”,事件處理器。

  8. 使用外部JavaScript和CSS,純粹而言,內聯比外聯快。加載后下載。

  一些平臺需要對訪問速度等進行優化,大致的方向就是從緩存、壓縮、減少請求等方面進行處理,不光需要對網絡有一定的理解,也需要對瀏覽器的機制以及前端的技術等有些許的了解,在這個過程中,總結出的性能黃金法則只有10%~20%的最終用戶響應時間花在了下載HTML文檔上。其余的80%~90%時間花在了下載頁面中的所有組件上。

  1. 減少HTTP請求,圖片地圖、CSS Sprites、內聯圖片和腳本、腳本和樣式表的合并。

  2. 使用CDN

  3. 添加Expires頭,修訂文件名,比如為經常需要改變的文件添加版本號等。

  4. 壓縮組件,即減少HTTP相應的大小來減小響應時間。

  5. 將樣式表放在頂部,減少“白屏(Blank White Screen)”現象,盡量使用LINK標簽將樣式表放在文檔HEAD中。

  6. 將腳本放在底部,并行下載,腳本阻塞。

  7. 避免CSS表達式,使用“一次性表達式”,事件處理器。

  8. 使用外部JavaScript和CSS,純粹而言,內聯比外聯快。加載后下載。

(使用cookie技術來實現)

  9. 減少DNS查找(Reduce DNS lookups),DNS緩存和TTL。

  10. 精簡JavaScript。

  混淆和節省,(工具:JSMin和Dojo Compressor),

  壓縮和精簡(Gzip and  Minification),

  精簡CSS,最大的節省來自優化CSS-合并相同的類,移除不使用的類,最佳解決方案還是移除注釋和空格,并進行一些直觀的優化,比如使用縮寫(用“#606”代替“#660066”)和移除不必要的字符串(用“0”代替“0px”)。

  11. 避免重定向。

  缺少結尾的斜線:有一種重定向最為浪費、發生的也很頻繁的,但Web開發人員通常都沒有意識到它。即“缺少結尾的斜線”。如:訪問http://xx.com/xxx時,會導致一個301相應,其中包含一個到http://xx.com/xxx/的重定向。當然主機名后缺少結尾斜線是不會發生重定向的,如訪問http://baidu.com,但在瀏覽器中看到的最終URL還是包含結尾斜線的,導致自動產生斜線的原因是,瀏覽器在進行GET請求時必須指定一些路徑,如果沒有路徑,就會簡單的使用文檔根(/)。

  連接網站,一般是用戶從舊的URL轉移到新的URL的最簡單的方式就是重定向,可以通過Alias、mod_rewrite、DirectorySlash和直接鏈接代碼來避免重定向。

  跟蹤內部流量,重定向經常用于跟蹤用戶的流量的流向,另一種方式選擇是使用Referer日志來跟蹤流量去向,每個HTTP請求都包含一個URL,表明從哪個頁面發起的請求,也就是引用方(有的時候沒有引用頁,如當用戶鍵入URL或只用書簽時)。對于內部流量,也就是專業網站建設公司各個網站之間的流量,是值得通過建立Referer日志來避免重定向,以此來節省最終用戶相應時間。

  跟蹤出站流量。

  12. 移除重復腳本。

  13. 配置ETag,實體標簽(Entity Tag)是Web服務器和瀏覽器用于確認緩存組件的有效性的一種機制。

  14. 使Ajax可緩存。

  其他:抓包探測工具,如IBM Page Detailer和HttpWatch等,理解SSL響應式可緩存的,YSlow等級是頁面響應的強指標,YSlow和FireBug結合。

來源聲明:

本文章系尚品中國編輯原創或采編整理,如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡,如有侵權,請及時與本站聯系(010-60259772)。

立即預約專屬顧問 開啟數字化轉型之旅!

10年+資深項目經理1V1服務 | 行業定制化方案 | 精準報價體系
獲取策劃方案
立即預約專屬顧問 開啟數字化轉型之旅!

咨詢我們,獲得專業的服務和報價

聯系我們,免費獲取項目方案及報價,或只是聊一聊您的項目? 在收到您的需求留言后我們將由專業人員于24小時內與您取得聯系,請您保持電話暢通!

  • 科研院所解決方案
  • 外貿出海解決方案
  • 協會學會解決方案
  • 集團上市公司解決方案
  • 生物醫藥解決方案
  • 制造業解決方案
  • 高校教育解決方案
  • 信創網站改造解決方案
更多服務咨詢,請聯系尚品

010-60259772

您的姓名 *
您的電話 *
您的郵箱
公司名稱 *
主站蜘蛛池模板: 欧美美女视频在线观看 | 久久99精品热在线观看 | www.色的 | 日韩区在线观看 | 国产精品久久久久久久久久东京 | 人人干天天干 | 最新一区二区三区 | 亚洲无吗天堂 | 欧美日韩中文在线视频 | 久久久久国产a免费观看rela | 日韩在线高清视频 | 亚洲天堂精品视频在线观看 | 国产精品资源在线观看 | 深爱激情久久 | 欧美一级艳片视频免费观看 | 五月婷婷在线观看视频 | 精品免费观看 | 亚洲高清视频在线观看免费 | 欧美日韩国产在线 | 色www永久免费 | 在线看v片| 欧美极品裸体 | 黄色h在线观看 | 天天操夜夜逼 | 欧美日韩国产一区二 | 西西444www大胆无视频 | 91传媒激情理伦片 | 久久公开免费视频 | 国产视频中文字幕在线观看 | 在线观看视频一区二区三区 | 99热官网 | 在线视频99 | 美女中文字幕 | 国内久久久久久 | 91av精品 | 日本精品在线 | 欧美aa级 | 国产精品手机在线播放 | 99re8这里有精品热视频免费 | 中文字幕在线看 | 性色视频在线 | 友田真希x88av | 一区三区视频 | 最新国产福利 | 黄色一区二区在线观看 | 蜜桃麻豆www久久囤产精品 | www.狠狠色.com| 狠狠操操操 | 伊人影院av| av大片免费 | 99久久久国产精品免费观看 | 中文字幕 在线 一 二 | 日韩综合视频在线观看 | 亚洲精品美女免费 | 玖玖在线观看视频 | 免费观看的av| 国产福利在线不卡 | 亚洲欧美日韩国产一区二区三区 | av免费电影在线 | 激情丁香综合五月 | 日日夜夜草 | 欧美日韩亚洲精品在线 | 韩国一区二区三区在线观看 | 日本公妇色中文字幕 | 九九九毛片| 日本在线精品视频 | 久久久久久久久久久久国产精品 | 亚洲精品国产高清 | 久久久亚洲网站 | www视频在线播放 | 国产精品久久久免费看 | 免费黄色看片 | 日韩乱码中文字幕 | 一级国产视频 | 在线视频你懂 | 91探花在线视频 | 久久福利电影 | 91人人在线 | 国内外成人在线视频 | 黄色高清视频在线观看 | 亚洲精品网站在线 | 欧美国产高清 | 91成熟丰满女人少妇 | 日韩中文在线播放 | 日本福利视频在线 | 国产精品电影一区 | 久久伊人八月婷婷综合激情 | www日韩欧美 | 国产精品免费一区二区三区在线观看 | 日b黄色片 | 五月色婷 | 欧美成人性网 | 大荫蒂欧美视频另类xxxx | 国产美女免费观看 | 国产手机av | 特级毛片爽www免费版 | 亚洲国产日本 | 色婷婷久久久综合中文字幕 | 九九热免费在线观看 |