婷婷中文字幕在线播放-鲁鲁网站内射亚洲污色-日韩国产欧美在线免费观看-国产精品一区二区不卡视频

在線咨詢
QQ咨詢
服務(wù)熱線

020-85201717

13725302004

業(yè)務(wù)微信

微信開發(fā)

TOP

網(wǎng)站建設(shè)CSS編碼使用總結(jié)

發(fā)布時(shí)間:2019-08-29 瀏覽:

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


1. 減少HTTP請求,圖片地圖、CSS Sprites、內(nèi)聯(lián)圖片和腳本、腳本和樣式表的合并。


2. 使用CDN(北京網(wǎng)站建設(shè)的內(nèi)容發(fā)布網(wǎng)絡(luò))。


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


4. 壓縮組件,即減少HTTP相應(yīng)的大小來減小響應(yīng)時(shí)間。


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


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


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


8. 使用外部JavaScript和CSS,純粹而言,內(nèi)聯(lián)比外聯(lián)快。加載后下載。


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


1. 減少HTTP請求,圖片地圖、CSS Sprites、內(nèi)聯(lián)圖片和腳本、腳本和樣式表的合并。


2. 使用CDN3. 添加Expires頭,修訂文件名,比如為經(jīng)常需要改變的文件添加版本號等。


4. 壓縮組件,即減少HTTP相應(yīng)的大小來減小響應(yīng)時(shí)間。


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


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


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


8. 使用外部JavaScript和CSS,純粹而言,內(nèi)聯(lián)比外聯(lián)快。加載后下載。



(使用cookie技術(shù)來實(shí)現(xiàn))


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


10. 精簡JavaScript?;煜凸?jié)省,(工具:JSMin和Dojo Compressor),壓縮和精簡(Gzip and  Minification),精簡CSS,更大的節(jié)省來自優(yōu)化CSS-合并相同的類,移除不使用的類,更佳解決方案還是移除注釋和空格,并進(jìn)行一些直觀的優(yōu)化,比如使用縮寫(用“#606”代替“#660066”)和移除不必要的字符串(用“0”代替“0px”)。


11. 避免重定向。


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


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


跟蹤內(nèi)部流量,重定向經(jīng)常用于跟蹤用戶的流量的流向,另一種方式選擇是使用Referer日志來跟蹤流量去向,每個(gè)HTTP請求都包含一個(gè)URL,表明從哪個(gè)頁面發(fā)起的請求,也就是引用方(有的時(shí)候沒有引用頁,如當(dāng)用戶鍵入U(xiǎn)RL或只用書簽時(shí))。對于內(nèi)部流量,也就是專業(yè)網(wǎng)站建設(shè)公司各個(gè)網(wǎng)站之間的流量,是值得通過建立Referer日志來避免重定向,以此來節(jié)省更終用戶相應(yīng)時(shí)間。跟蹤出站流量。


12. 移除重復(fù)腳本。


13. 配置ETag,實(shí)體標(biāo)簽(Entity Tag)是Web服務(wù)器和瀏覽器用于確認(rèn)緩存組件的有效性的一種機(jī)制。


14. 使Ajax可緩存。 


其他:抓包探測工具,如IBM Page Detailer和HttpWatch等,理解SSL響應(yīng)式可緩存的,YSlow等級是頁面響應(yīng)的強(qiáng)指標(biāo),YSlow和FireBug結(jié)合。


最新的精品亚洲一区二区| 爆操大奶子美女视频| 美女穿黑丝被大鸡巴猛操| 国产成人AV剧情| 国产一区二区三区免费观在线| 国产成人AV剧情| 欧美一区二区三区久久国产精品| 鸡巴操美女小穴羞羞视频| 白虎美女被大基吧操| 亚洲另类激情在线观看| 大鸡巴日大鸡巴在线观看| 操逼操的翻白眼视频| 大鸡巴操小逼的视频| 午夜福利在线观看aaa| 欧美精品性做久久久久久| 精品福利一区二区三区在线观看| 欧美性做爰片免费视频看| 淫荡扣逼骚逼视频| 欧美一区二区高清视频在线观看| 娇嫩的被两根粗大的np| 加勒比在线不卡一区二区观看| 毛片日产av一区二区三区四区| 在线免费看污视频| 美女的咪咪和骚逼| 777米奇在线视频无码 | 少妇被黑人入侵在线观看| 成人 在线 欧美 日韩| 插BB流水水视频| 两人爽爽爽无码免费视频| 操逼操的翻白眼视频| 骚逼少妇被巨根爆插| 欧美激情在线播放第一页| 24日本精品视频免费| 国产成人亚洲欧美久久| 国产精品粉嫩懂色av| 黑人与日本人妻中文字幕| 精品一区二区三区成人免费视频 | 日韩毛片一区视频免费在线观看| 亚洲福利左线观看| 男男大鸡巴操小屁眼视频| 欧美精品第15页|