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

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

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