2017-02-03 7 views
2

Eigentlich möchte ich Google-Seitengeschwindigkeit Warnung reduzieren. Also habe ich alle CSS-externen Dateien in eine CSS-Datei und alle externen Java-Script-Dateien in eine Datei Java Script-Datei. Im Moment habe ich zwei externe Dateien (zwei Anfragen), eine ist CSS und die zweite ist Javascript. Können wir beide Dateien in eine Datei zusammenfassen oder zwei Anfragen als eine Anfrage betrachten. Gibt es irgendwelche Produkte beide Datei als eine Anfrage bitte lass es mich wissen.Können wir CSS- und JS-Dateien in einer Datei kombinieren?

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

Ich habe einen Link https://www.keycdn.com/support/combine-external-javascript-and-css/, gesehen, aber ich bin nicht klar. Jeder Vorschlag ist sehr hilfreich für mich.

+0

Ich denke, dass es ist: minimierte und einheitliche alle CSS und minimierte und einheitliche alle JS. –

+0

minimierte alle CSS und JS. –

+0

Sie können Ihren Code direkt in HTML-Datei schreiben. Keine zusätzlichen Anfragen. – Justinas

Antwort

1

Sie können:

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

Aber ich glaube nicht, dass die beiden Anfragen ein Problem ist. Lustige Einsparungen.

+0

Danke für die Antwort, wenn Sie Ihre externe CSS laden, dann wird es nicht in allen Browsern grundsätzlich mobilen Browsern funktionieren. Ich habe dieses Ding gemacht. Aber mein externes CSS funktioniert nicht in allen Browsern. Wie Android Webview und viele mehr. –

1

Sie können eine HTML-Datei erstellen (angenommen: combined.html) und alle html und css darin einfügen, indem Sie die Skript- und Stilseite verwenden. Laden Sie die Datei combined.html in Ihre Anwendung. Es hängt davon ab, welche Technologie Sie verwenden, um HTML in einen anderen HTML-Code zu laden. In jQuery unter Code wird Ihnen helfen.

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

    <body> 
    <div id="includedContent"></div> 
    </body> 
</html> 
Verwandte Themen