Heim > php教程 > PHP开发 > Hauptteil

Verwenden des Apache-Moduls unter Windows zum Zusammenführen mehrerer JS und CSS, um die Ladegeschwindigkeit von Webseiten zu verbessern

高洛峰
Freigeben: 2017-01-04 10:39:31
Original
1081 Leute haben es durchsucht

Heutzutage werden Websites immer ausdrucksvoller und immer mehr JS und CSS werden auf die Seite geladen. Wenn die Website-Seite zu viele JS- und CSS-Dateien enthält, öffnet der Browser die Seite sehr langsam, was die Benutzererfahrung erheblich beeinträchtigt. Mit mod_concatx können mehrere Dateien zu einer HTTP-Antwortnachricht zusammengeführt werden, wodurch die Ladegeschwindigkeit von js/css effektiv verbessert werden kann.

Der Beispieleffekt ist wie folgt:

Verwenden des Apache-Moduls unter Windows zum Zusammenführen mehrerer JS und CSS, um die Ladegeschwindigkeit von Webseiten zu verbessern

Das mod_concatx-Modul wurde basierend auf mod_concat geändert. Vielen Dank für ihre Arbeit.

Das ursprüngliche mod_concat-Modul hat einen großen Referenzwert, hat aber wenig tatsächlichen Nutzen.

Dieses Modul weist die folgenden drei Probleme auf:

1. Daten werden jedes Mal erneut an den Client gesendet und der Browser-Cache wird nicht ordnungsgemäß verwendet
2. Es gibt Sicherheitslücken Dies führt dazu, dass der Server das Programm herunterlädt, z. B. „/??jquery.js,common.php“
3 Beim Zusammenführen der einzelnen Dateien entsteht keine Lücke dazwischen, was dazu führen kann, dass der Inhalt zusammenklebt Fehler verursachen

Verwendung:

<link href="/style/??css1.css,css2.css,css3.css" type="text/css" rel="stylesheet"/>
<script src="/js/??js1.js,js2.js,js3.js,js4.js" type="text/javascript"></script>
Nach dem Login kopieren

Modulkonfiguration:

Öffnen Sie die Apache-Konfigurationsdatei httpd.conf

LoadModule concatx_module modules/mod_concatx.dll
Nach dem Login kopieren

Erweiterte Konfiguration: (Die Folgendes ist die Standardkonfiguration, es muss nicht konfiguriert werden)

<IfModule concatx_module>
ConcatxDisable Off
ConcatxCheckModified On
ConcatxSeparator On
ConcatxMaxSize 1024
ConcatxMaxCount 10
ConcatxFileType js,css
</IfModule>
Nach dem Login kopieren

Detaillierte Beschreibung:

ConcatxDisable On/Off
//是否使用mod_concatx模块
ConcatxCheckModified On/Off
//检查文件是否改动,建议On
ConcatxSeparator On/Off
//合并文件时是否加换行分隔,建议On
ConcatxMaxSize 数字
//合并文件总大小限制最大值,建议不要太大
ConcatxMaxCount 数字
//合并文件总个数限制最大值,建议不要太大
ConcatxFileType js,css
//合并文件类型限制,如不限制填","
Nach dem Login kopieren

Letzte Worte:
Es wird empfohlen, dieses Modul selbst zu kompilieren. sicher und geschützt

Richtung für spätere Verbesserungen:
todo: Erwägen Sie das Hinzufügen von js und CSS-Komprimierung
todo: Erwägen Sie die Unterstützung von Dateien, die von Zend analysiert werden
Fehler: Es gibt eine Standardausnahme beim Laden von Seiten Verzeichnis (berücksichtigen Sie die Hook-Verarbeitung der oberen Ebene)


Mehr zu Windows Verwenden Sie das Apache-Modul, um mehrere JS und CSS zusammenzuführen, um die Ladegeschwindigkeit von Webseiten zu verbessern. Bitte achten Sie auf PHP Chinesische Website für verwandte Artikel!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage