最佳實踐:使用CSS

置於頂端的樣式表

如果你想一個頁面加載逐步的,我們希望瀏覽器顯示的任何內容,盡快付諸表決,在文檔的HEAD內頁的頂部的CSS。 這使得網頁出現被載入速度更快,這有利於逐步呈現的頁面。 很多內容和較慢的互聯網連接上的用戶頁面,這一點尤為重要。

這是一個記錄的事實,以提高整體用戶體驗,重要的是提供進度指標和視覺反饋。 為了避免重繪頁面元素的情況下,如果他們的風格變化,一些瀏覽器,包括IE,阻止頁面的渲染,直到CSS是滿載。 正因為如此,用戶是得到 一個空白頁。

W3的HTML規範“還規定,CSS,我必須包括在HTML頁面的HEAD部分。 at the bottom of the page, so it's best not to use it.還注意到@import行為,在IE瀏覽器使用的是相同<link>在頁面的底部,所以最好不要使用它。

避免使用特定功能的瀏覽器

過濾器:過濾器的使用 增加內存消耗,並且每個元素的應用,而不是每幅圖像,這樣的問題,乘以。 此外,過濾器是IE專有的,因此不會工作打算在其他瀏覽器。 如果你想透明或漸變的背景,用圖像1Pixel。
表現形式:CSS表達式是在CSS中有一個很好的功能,但仍然是IE瀏覽器的特定功能。 此外,重要的是要注意的是,這些表達式 評估時,頁面呈現和調整,滾動,甚至當用戶移動鼠標在頁面。 不用說,這可能會影響你的頁面的性能。 因此,在簡單的話,應避免使用CSS表達式,除非你覺得它的優點,重量超過其利弊'

外化你的CSS

使用外部CSS會導致更快的加載 ,因為是由瀏覽器的JavaScript和CSS文件緩存的網頁。 內嵌在HTML文檔中的CSS得到下載的HTML文件要求的時間。 這實際上可能降低的HTTP請求的數量,但後來增加了HTML文檔的大小。 外部CSS瀏覽器緩存的HTML文檔的大小沒有增加HTTP請求的數量減少。

請注意,如果您的網站上的用戶,每個會話有多個頁面訪問量和您的網頁重新使用相同的腳本和樣式很多,有更大的緩存外部文件的潛在利益。

包你的CSS文件

包裝或吱嘎你的CSS是從代碼中刪除不必要的字符,以減少其大小,從而提高加載時間的做法。

CSS可以我嘎吱嘎吱消除所有的意見和任何不必要的字符,如空格,換行符等


發表評論

NDK的家 | 表達它 表示唇齶裂 表示Penmenship 表示敬畏 表達自己