1、CSS @fontface性能優(yōu)化的常用策略包括以下幾點(diǎn)指定多種字體類型并按順序加載使用@fontface的src參數(shù)指定多種字體類型，如woff2woffopentype等，瀏覽器會(huì)按順序嘗試加載，直到找到可用的字體這可以確保兼容性，同時(shí)利用更高效的字體格式利用fontdisplay屬性fontdisplay屬性可以幫助控制字體加載過程中；主要步驟精簡(jiǎn)代碼頭部?jī)?yōu)化，權(quán)重標(biāo)簽使用及圖片優(yōu)化在這四個(gè)環(huán)節(jié)中，精簡(jiǎn)代碼是最基礎(chǔ)最根本1精簡(jiǎn)代碼是指清除或者簡(jiǎn)化頁(yè)面中的代碼，從而達(dá)到降低頁(yè)面體積提高頁(yè)面的用戶體驗(yàn)及搜索引擎優(yōu)化性的目的精簡(jiǎn)代碼又分五個(gè)小步驟1清理垃圾代碼2html標(biāo)簽轉(zhuǎn)換3css優(yōu)化4js優(yōu)化以及表格優(yōu)化11 垃圾代；1CSS位置 CSS說明如果出現(xiàn)在網(wǎng)站之后，頁(yè)面需要重新渲染，打開速度受到影響，所有css定義代碼的位置要放到網(wǎng)站之前2css sprite技術(shù) 網(wǎng)站上的一些圖片可以采用css sprite技術(shù)進(jìn)行合并，減少加載請(qǐng)求次數(shù)，從而提高網(wǎng)頁(yè)的加載速度3CSS代碼優(yōu)化 通過對(duì)css代碼屬性的簡(jiǎn)寫移除多余的結(jié)構(gòu)；1盡可能的使用CSS來定義網(wǎng)頁(yè)版面及相關(guān)網(wǎng)頁(yè)元素2采用調(diào)用公共代碼的方式來降低網(wǎng)頁(yè)代碼復(fù)雜度3盡可能的減少用戶不需要的注釋4盡可能的規(guī)避使用嵌套表格總結(jié)在網(wǎng)站建設(shè)過程中，要盡可能的精簡(jiǎn)網(wǎng)站的代碼，這不僅能夠有效提升網(wǎng)頁(yè)打開的速度，還能夠提升搜索引擎蜘蛛遍歷網(wǎng)站的速度，于是搜索；您可以使用CSS來優(yōu)化ul列表的樣式以下是一些常見的樣式優(yōu)化方法1 設(shè)置列表樣式類型為沒有列表項(xiàng)標(biāo)記，設(shè)置填充和邊距0px瀏覽器兼容性2 設(shè)置ul中所有l(wèi)i的圖像URL，并設(shè)置它只顯示一次無重復(fù)3 用paddingleft屬性把文本置于列表中。

2、一啟用網(wǎng)頁(yè)壓縮技術(shù) Gzip壓縮啟用服務(wù)器Gzip功能，對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行壓縮，從而減少數(shù)據(jù)的傳輸量，提高加載速度二CSS優(yōu)化 CSS位置前置將CSS定義代碼放在HTML文檔的部分，避免頁(yè)面重新渲染，影響打開速度使用CSS Sprite技術(shù)將網(wǎng)站上的多個(gè)小圖片合并成一張大圖，通過CSS背景定位來顯示需要的小圖，減；CSS Sprites技術(shù)通過合并CSS圖片，減少請(qǐng)求數(shù)代碼級(jí)優(yōu)化方面，DOM操作是耗性能的操作HTMLCollection并非靜態(tài)集合，每次訪問都會(huì)重新執(zhí)行查詢因此，在遍歷時(shí)將其轉(zhuǎn)化為數(shù)組，以提高性能避免頻繁訪問集合，將length屬性與成員保存到局部變量此外，DOM操作還涉及Reflow和Repaint，需考慮資源消耗慎用with；這個(gè)主要就是使用短標(biāo)簽替換在網(wǎng)頁(yè)中有同樣效果的長(zhǎng)標(biāo)簽，例如，與ltstrony兩者都是對(duì)字體加粗但是卻比多了5個(gè)字符如果一個(gè)頁(yè)面出現(xiàn)上百個(gè)加粗標(biāo)簽，就會(huì)產(chǎn)生不少的冗余代碼解決方法 是利用DW的查找功能替換長(zhǎng)標(biāo)簽，這個(gè)大家自己試試，我就不舉例了3CSS優(yōu)化 CSS可以以調(diào)用的方式，避免同樣的標(biāo)；要提高網(wǎng)頁(yè)加載速度，可以采取以下幾種方法1 網(wǎng)頁(yè)壓縮技術(shù) 啟用Gzip壓縮對(duì)網(wǎng)頁(yè)進(jìn)行Gzip壓縮，減少元素的體積，從而減少數(shù)據(jù)的傳輸時(shí)間，提高加載速度2 CSS優(yōu)化 CSS位置優(yōu)化將CSS定義代碼放在HTML文檔的部分，避免頁(yè)面重新渲染，提高打開速度 使用CSS Sprite技術(shù)合并網(wǎng)站上的圖片，減少加載請(qǐng)求次。

3、CSS代碼優(yōu)化簡(jiǎn)化CSS代碼，如使用屬性簡(jiǎn)寫移除多余的結(jié)構(gòu)和重設(shè)等，減小CSS文件的大小三JS優(yōu)化 JS位置調(diào)整將JS代碼放在頁(yè)面底部，確保頁(yè)面內(nèi)容先加載完成，再執(zhí)行JS代碼，加快頁(yè)面打開速度 合并JS文件合并相同域名下的JS文件，減少網(wǎng)絡(luò)連接次數(shù)，提高網(wǎng)頁(yè)的打開速度 LazyLoad技術(shù)采用Lazy L；1盡量使用網(wǎng)頁(yè)符合W3C標(biāo)準(zhǔn) 網(wǎng)頁(yè)代碼盡量要寫標(biāo)準(zhǔn)規(guī)范，盡量采用DIV+CSS架構(gòu)，因?yàn)閠able的代碼實(shí)在要多出很多2精簡(jiǎn)你的CSS 代碼 將網(wǎng)頁(yè)的CSS 代碼放置到一個(gè)外部文件中，在head 區(qū)用調(diào)用，同時(shí)將CSS 代碼精簡(jiǎn)，比如一段CSS 如下mainwidth960pxmarginleft10pxmarginright10pxmargin；1TABLE標(biāo)簽的縮減 table標(biāo)簽是現(xiàn)在大多數(shù)上線網(wǎng)站中最為常見的代碼形式，原因根本在于table在建立網(wǎng)站時(shí)比較快捷，但是這也就影響了網(wǎng)站的后期優(yōu)化相對(duì)于div+css布局的精簡(jiǎn)代碼網(wǎng)站來說，它的占位比較大，所以，在建站時(shí)候，盡量是少用表格，即便是要使用表格時(shí)，嵌套式表格也要盡量少用，以免產(chǎn)生冗雜；4H標(biāo)簽優(yōu)化 H標(biāo)簽的有效利用可以極大的提升網(wǎng)站的權(quán)重，特別是H1，不過我個(gè)人認(rèn)為一個(gè)頁(yè)面H1標(biāo)簽只能出現(xiàn)一次，否則就會(huì)被搜索引擎降權(quán)，首頁(yè)在頭條新聞處可以使用H1，文章頁(yè)標(biāo)題可以使用H1，頻道頁(yè)可以使用H2或者H3，適可而止，不要太過分，優(yōu)化過度那就得不償失了5frame框架的優(yōu)化 其實(shí)這個(gè)不叫；的，由于它代碼中的內(nèi)容是不被搜索引擎識(shí)別的不要將js代碼寫在網(wǎng)頁(yè)中，并且盡可能的減少文本的個(gè)數(shù)，有助于提高網(wǎng)頁(yè)加載速度，并且更有利于搜索引擎的 抓取二CSS優(yōu)化 現(xiàn)在網(wǎng)站結(jié)構(gòu)的布局基本是采用CSS+DIV結(jié)構(gòu)，它可以讓代碼更加簡(jiǎn)潔流暢，是能夠減少網(wǎng)頁(yè)的容量，提高網(wǎng)站運(yùn)行效率的作用是很明顯；一用好html標(biāo)簽重定義，精簡(jiǎn)代碼！Html標(biāo)簽重定義比Class要節(jié)省頁(yè)面代碼html里常見的標(biāo)簽有spanuismallbigcite等，我們都可以用到頁(yè)面中，然后在Css文件重定義樣式例如如果是需要三個(gè)div才達(dá)到的效果，用 ispanp三個(gè)標(biāo)簽就能很簡(jiǎn)潔達(dá)到，根本不用class和div二標(biāo)簽使用要讓搜索。