福州小程序開發 -10年專注移動互聯網開發及營銷-
                服務電話:0591-83584081 點擊在線即時聊天 點擊在線即時聊天
                新聞資訊
                行業新聞  |  企業動態  |  網絡編程  |  常見問題

                高性能網站建設的14個原則

                今日大致瀏覽了一下《High Performance Web Sites》。本書的中文版是《高性能網站建設指南》。

                本書另有對其中個別問題深入探究的進階篇《Even Faster Web Sites》,中譯《高性能網站建設進階指南》。

                作者介紹上面的豆瓣鏈接中有,就不再照搬過來了。

                這本書中給出了14條網站性能提升的原則,每個原則獨立成章,配有示例。這些原則大多數都非常實用,適合站點架構師、前端工程師。其中對于前端工程師的意義更大一些。

                這次看的是原版。我對于Web開發較缺乏實踐經驗,加之看得匆忙,因此可能存在遺漏、表述不當之處,希望廣大網友不吝指正。

                原則1 減少HTTP請求數

                構造請求、等待響應需要時間,因此請求數量越少越好。減少請求的總體思路就是合并資源,減少顯示一個頁面需要的文件數。

                1. Image Map

                通過設置標簽的usemap屬性與使用標簽可以在一幅圖片上切分出多個區域,指向不同的鏈接。比起使用多幅圖片分別構造鏈接減少了請求數。

                2. CSS Sprite(CSS貼圖整合/貼圖拼合/貼圖定位)

                通過設置元素的background-position樣式做到。一般用于界面圖標。典型的可以參考TinyMCE編輯器上方的那些小按鈕。多個小圖實質是從一個統一的大圖通過不同的偏移量裁剪而來,這樣加載界面上的眾多按鈕實際上只要請求一次(請求大圖一次),從而減少HTTP請求數。

                3. Inline Image(內聯圖片)

                的src中不指定外部圖片文件的URL,而是直接將圖片信息放入。例如src="data:image/gif;base64,R0lGODlhDAAMAL..."某些特殊情況下有用(例如一個不大的圖片僅在當前頁面用到)。

                原則2 利用多線路CDN

                為你的站點提供多種線路(例如國內電信、聯通、移動)、多個地理位置(北方、南方、西部)的訪問,使得所有用戶都能夠快速訪問。

                原則3 利用HTTP Cache

                給不頻繁更新的資源(例如靜態圖)加較長的Expires頭信息,這些資源一經緩存,未來很長時間都可以不再重復傳輸了。

                原則4 使用Gzip壓縮

                使用Gzip壓縮HTTP報文,減小體積,減少傳輸時間。

                原則5 將樣式表置于頁面前部

                先加載樣式表,這樣頁面渲染得以較早開始,給用戶頁面加載較快的感覺。

                原則6 將腳本置于頁面尾部

                原因同5,先處理頁面顯示,頁面渲染較早完成,而腳本邏輯稍后執行,這樣給用戶頁面加載較快的感覺。

                原則7 避免使用CSS表達式

                過于復雜的JavaScript腳本邏輯、DOM查找、選擇操作將會降低頁面處理效率。

                原則8 將JavaScript與CSS作為外聯資源

                這似乎與原則1中的合并思想相悖,但其實不然:考慮每個頁面都引入了一個公共的JavaScript資源(例如jQuery或是ExtJS這樣的JavaScript庫),單就一個頁面的表現來看,內聯(即將JavaScript嵌入HTML)頁面將比外聯(使用

                 
                最新文章
                體育場館/運動場地/籃球網球館預約預訂預定系統解決方案
                做個微信小程序商城買藥需要什么資質條件呢
                公眾號可以關聯不同主體的小程序嗎?
                如何在自己的網站嵌入騰訊視頻-網站放視頻解決方案
                微信服務號模板消息功能5月1號后是否可以繼續使用?
                福州小程序開發費用主要有哪幾個方面
                開通微信支付企業付款到零錢|傭金提現到零錢|不滿足入駐90天且連續交易30天
                抖音螞蟻牙黑視頻特效怎么制作 螞蟻呀嘿視頻制作圖文教程介紹
                申請多商戶微信小程序要什么資質?
                微信小程序發布需要辦理哪些資質和條件
                部分案例
                體育場館預定小程序開發
                南平青磚_福建青磚_福建仿古磚_
                方圓認證微信公眾號建設
                 
                地址:福州市倉山區金山榕城廣場創意園 服務熱線:0591-83584081
                郵箱:1005609337@qq.com 網址:www.drivingwithoutdying.com
                閩ICP備12011436號   技術支持: 商務合作:
                 
                微信公眾號關注更多信息
                微信加好友即刻咨詢我們
                91破解版在线 | 亚洲|日韩不卡毛片Av免费高清|久久不卡国产精品无码|中文一区二区视频在线