. .

php • Combine external JavaScript

externe JavaScript-Dateien kombinieren

JavaScript-Dateien mittels PHP kombinieren


Um die externen JavaScript-Dateien zu kombinieren bedienen wir uns des folgenden PHP Scripts, das die einzelnen eingebundenen JavaScript-Dateien über die function get_remote_file($url) aufruft und in der Variable $content zusammenfasst. Der Funktionsaufruf ist notwendig, da die PHP Funktion allow_url_fopen häufig deaktiviert ist, sodass für den Aufruf der URL und das Einlesen der Datei PHP CURL verwendet wird.


<?php header('Content-type:text/javascript');
function get_remote_file($url)
{
if (ini_get('allow_url_fopen')) {
return file_get_contents($url);
}
elseif (function_exists('curl_init')) {
$c = curl_init($url);
curl_setopt($c, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($c, CURLOPT_HEADER, 0);
$file = curl_exec($c);
curl_close($c);
return $file;
}
else {
die('Error');
}
}
$content = get_remote_file(
'http://static.tepelmann.com/syntaxHighlight/shCore.js');
$content .= get_remote_file(
'http://static.tepelmann.com/syntaxHighlight/shBrushPhp.js');
$content .= get_remote_file(
'http://static.tepelmann.com/syntaxHighlight/shBrushHtml.js');
$content .= get_remote_file(
'http://static.tepelmann.com/syntaxHighlight/shBrushSql.js');
$content .= get_remote_file(
'http://static.tepelmann.com/syntaxHighlight/shBrushJScript.js');
// Kommentare entfernen
$content = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $content);
// Tabs, Leerzeichen und Zeilenumbrüche entfernen
$content = str_replace(array("\r\n", "\r", "\n", "\t"), "", $content);
// Ausgabe
echo $content;
?>

Anstatt nun wie bisher alle externen JavaScript-Dateien einzeln in die Webseite einzubinden, wird nur noch eine Datei eingebunden, dass PHP Script, das die externen JavaScript-Dateien kombiniert. Aus den vorherigen 5 HTTP-Request´s wird somit ein einziger!

<body>
<script type="text/javascript" src="http://static.tepelmann.com/combine_js.php"></script>
</body>


» zum Seitenanfang

PageSpeed-Optimierung

mehr zum Thema: Browser-CachingLeverage browser caching

Für statische Ressourcen der Webseite, wie Grafiken, JavaScript- und CSS-Dateien das Browser-Caching aktivieren.

» mehr zum Thema: Browser-Cachingmehr lesen

mehr zum Thema: CSS-Dateien kombinierenCombine external CSS

Alle externen CSS-Dateien mittels PHP kombinieren und so die Anzahl der HTTP-Requests reduzieren.

» mehr zum Thema: CSS-Dateien kombinieren • Combine external CSSmehr lesen


mehr zum Thema: JavaScript-Dateien kombinierenCombine JavaScript

Alle externen JavaScript-Dateien mittels PHP kombinieren und so die Anzahl der HTTP-Requests reduzieren.

» mehr zum Thema: JavaScript-Dateien kombinieren • Combine external JavaScriptmehr lesen

mehr zum Thema: JavaScript-Dateien später ladenDefer loading of JavaScript

Externen JavaScript-Dateien später laden, sodass andere Ressourcen parallel heruntergeladen werden können und das Laden der Webseite beschleunigt wird.

» mehr zum Thema: JavaScript-Dateien später laden • Defer loading of JavaScriptmehr lesen

mehr zum Thema: JavaScript-Dateien später parsenDefer parsing of JavaScript

Alle externen JavaScript-Dateien später parsen um den Aufbau der Webseite für den Nutzer so schnell wie möglich zu realisieren.

» mehr zum Thema: JavaScript-Dateien später parsen • Defer parsing of JavaScriptmehr lesen




Tastaturkürzel