先引入js還是css文件

先引入css文件，讓css樣式先載入出來，這樣就不會讓使用者看到一個雜亂無章的頁面；然後再引入並載入js。 js一般都是處理功能的，不需要事先載入；先給使用者觀感，再給使用者上手體驗。

本教學操作環境：windows7系統、CSS3&&javascript1.8.5版、Dell G3電腦。

先引入並載入css文件，在在引入並載入js。

我們通常是把css放上面，js會放在下面；先載入css檔案（不要讓使用者看到一個雜亂無章的頁面），最後再載入js檔。 js一般都是處理功能的，不需要事先載入；先給使用者觀感，再給使用者上手體驗。

js腳本檔案的位置

js腳本應該放在底部，原因在於js執行緒與GUI渲染執行緒是互斥的關係，如果js放在首部，下載執行js的時候，會影響渲染行程繪製頁面，js的作用主要是處理交互，而交互必須得先讓頁面呈現才能進行，所以為了確保用戶體驗，盡量讓頁面先繪製出來。

CSS檔案的位置

CSS 是頁面渲染的關鍵因素之一，（當頁面存在外鏈CSS 時，）瀏覽器會等待全部的CSS 下載及解析完成後再渲染頁面。關鍵路徑上的任何延遲都會影響首屏時間，因而我們需要盡快將 CSS 傳輸到用戶的設備，否則，（在頁面渲染之前，）用戶只能看到一個空白的螢幕。

CSS檔案放在頂部一方面是因為放置順序決定了下載的優先級，更關鍵的是瀏覽器的渲染機制。

css在載入過程中不會影響到DOM樹的生成，但是會影響到Render樹的生成，進而影響到layout，所以一般來說，style的link標籤需要盡量放在head裡面，因為在解析DOM樹的時候是自上而下的，而css樣式又是透過非同步載入的，這樣的話，解析DOM樹下的body節點和載入css樣式能盡可能的並行，加快Render樹的生成的速度。

將CSS放在底部，頁面可以逐步呈現，但在CSS下載並解析完畢後，已經呈現的文字和圖片就要需要根據新的樣式重繪，這是一種不好的用戶體驗。

更多程式相關知識，請造訪：程式設計影片！ ！

以上是先引入js還是css文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！