Raketenwilli: Weitere Optimierungsmöglichkeit

Beitrag lesen

problematische Seite

  • Auf die Sache mit dem Vorhalten einer quasistatischen Webseite hab ich Dich ja schon hingewiesen. Google hat auch 2,3 Sekunden Wartezeit auf die index.php hingewiesen...

  • Aber eine der Verzögerungen, die mir in den Entwicklertools aufgefallen sind, war dass das Laden (der Start des Ladens!) einiger Ressourcen (Grafiken) recht spät erfolgte.

Beim Setup für http/2 auf meinem Heimserver ist mir dann aufgefallen, dass ich schon seit „langer“ Zeit (die Datei .htaccess ist vom 21. Juni 2021 ... die Änderungen sind aber wohl älter) Optimierungen darin habe:

<FilesMatch "\.(html|php|php\?.*)$">
        Header add Link "</css.css>; rel=preload; as=style"
        Header add Link "</buttons.js>; rel=preload; as=script"
        Header add Link "</bilder/konqueror.gif>; rel=preload; as=image"
        Header add Link "</autoindex-files/gray-down.svgz>; rel=preload; as=image"
        Header add Link "</favicon.ico>; rel=icon"
</FilesMatch>
<FilesMatch ".*/$">
        Header add Link "</css.css>; rel=preload; as=style"
        Header add Link "</buttons.js>; rel=preload; as=script"
        Header add Link "</bilder/konqueror.gif>; rel=preload; as=image"
        Header add Link "/autoindex-files/gray-down.svgz>; rel=preload; as=image" 
        Header add Link "</favicon.ico>; rel=icon"
</FilesMatch>

Damit fängt der Browser (hoffentlich) an, die übermittelten Ressourcen sofort nach Empfang der Headers zu laden. Der frühere Beginn der Downloads sorgt dafür, dass die Webseite insgesamt schneller geladen wird.

Und dann noch das hier:

<FilesMatch "\.(png|jpg|jpeg|gif|bmp|ico|pdf|svg|svgz)$">
        Header set Cache-Control "max-age=604800,public"
        Header set Pragma "public"
        ExpiresActive On
        ExpiresDefault A8640000
</FilesMatch>

Grafiken und PDFs werden 100 Tage lang „gecached“.