2017-02-03 104 views
2

其實我想降低google的頁面速度警告。所以我把所有的css外部文件合併成一個css文件和所有的java腳本外部文件合併成一個文件java腳本文件。所以現在我有兩個外部文件(兩個請求),一個是CSS,第二個是javascript。我們可以將兩個文件合併爲一個文件還是將兩個請求合併爲一個請求。有沒有產生這兩個文件作爲一個請求請讓我知道。我們可以將CSS和JS文件組合成一個文件嗎?

<link rel="stylesheet" href="../css/eagle/main.min.css" type="text/css"> 
<script defer src="../js/eagle/init.min.js"></script> 

我看過一個鏈接https://www.keycdn.com/support/combine-external-javascript-and-css/,但我不清楚。任何建議對我來說都非常有幫助。

+0

我認爲這是它:微細化以及統一所有的CSS和微細化以及統一所有的JS。 –

+0

縮小了所有css和js。 –

+0

您可以直接將代碼寫入HTML文件。根本沒有額外的要求。 – Justinas

回答

1

您可以:

var style = document.createElement('style'); 
style.innerHTML = cssString; 
document.body.appendChild(style); 

但我不認爲這兩個要求是一個問題。有趣的儲蓄。

+0

感謝您的回答,如果您正在加載您的外部CSS,那麼它將不適用於所有瀏覽器基本上移動瀏覽器。我做了這件事。但我的外部CSS不適用於所有瀏覽器。像Android Webview等等。 –

1

您可以創建一個html文件(假設:combined.html),並使用腳本和樣式頁面將所有html和css放入其中。 在您的應用程序中加載combined.html文件。 這取決於您使用哪種技術將html加載到另一個html中。在jQuery下面的代碼將幫助你。

<html> 
    <head> 
    <script src="jquery.js"></script> 
    <script> 
     $(function(){ 
     $("#includedContent").load("combined.html"); 
     }); 
    </script> 
    </head> 

    <body> 
    <div id="includedContent"></div> 
    </body> 
</html> 
相關問題