av狼友永久免费网址观看,亚洲另类激情综合偷自拍图,亚洲中文字幕无码永久在线不卡,潮喷中文字幕在线精品无码

堅(jiān)持為客戶提供有價(jià)值的服務(wù)和內(nèi)容

高性能網(wǎng)站建設(shè)—CSS總結(jié)

商企云 | 2021-06-23 | 分享至:

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

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

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

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

  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)快。加載后下載。

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

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

  2. 使用CDN

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

  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. 精簡(jiǎn)JavaScript。

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

  壓縮和精簡(jiǎn)(Gzip and ?Minification),

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

  11. 避免重定向。

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

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

(css)

  跟蹤內(nèi)部流量,重定向經(jīng)常用于跟蹤用戶的流量的流向,另一種方式選擇是使用Referer日志來跟蹤流量去向,每個(gè)HTTP請(qǐng)求都包含一個(gè)URL,表明從哪個(gè)頁面發(fā)起的請(qǐng)求,也就是引用方(有的時(shí)候沒有引用頁,如當(dāng)用戶鍵入U(xiǎn)RL或只用書簽時(shí))。對(duì)于內(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可緩存。

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

掃二維碼與項(xiàng)目經(jīng)理溝通

7*24小時(shí)為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開發(fā),小程序開發(fā),H5開發(fā),品牌推廣,新聞推廣,輿情監(jiān)測(cè)等

  非常感謝您有耐心的讀完這篇文章:"高性能網(wǎng)站建設(shè)—CSS總結(jié)",更多內(nèi)容請(qǐng)繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開發(fā)、網(wǎng)站優(yōu)化品牌推廣、APP開發(fā)、小程序開發(fā)、新聞推廣等服務(wù),我們以“降低營(yíng)銷成本,提高營(yíng)銷效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過不同行業(yè)的1000多家企業(yè),獲得國(guó)家高新技術(shù)企業(yè)認(rèn)證,且擁有14項(xiàng)國(guó)家軟件著作權(quán),將力爭(zhēng)成為國(guó)內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請(qǐng)掃碼咨詢,我們將誠(chéng)摯為您服務(wù)。
我要咨詢
姓名 :
電話 :
文章分類
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>