Wie komprimiere ich Bilder automatisch auf meiner Laravel/OctoberCMS Site?

Question

Ich habe einige OctoberCMS-Sites (ein CMS auf Laravel) entwickelt, aber ich habe ein großes Problem in Bildern auf den Seiten. Die Seiten sind sehr langsam wegen der Bilder darauf.

Also versucht, alle CSS-und JS-Dateien zu minimieren, aber immer noch sehr langsam. Also frage ich mich, gibt es ein Paket, das ich verwenden kann, das jedes Bild auf der Website hochgeladen komprimiert?

Was ist die beste Lösung? Ich habe viel gesucht, aber nichts nützliches bekommen.

Answer 1

Der beste Weg, um Ihr Bild zu optimieren, ist die richtige Größe im Frontend zu verwenden. OctoberCMS bietet Ihnen einen eingebauten Miniatur-Generator.

<img src="{{ image.thumb(200, 200, {mode:'auto',quality:85}) }}" title="{{ image.title }}" alt="{{ image.description }}"> 

mit dieser Funktion können Sie die Größe festlegen können, um die Qualität der Komprimierung und den Modus: Modus Auto, genau, Portrait, Landschaft, Ernte. Standard: auto

Vergessen Sie auch nicht Ablauf zu Ihrem Bild

# BEGIN Expire headers 
<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresDefault "access plus 7200 seconds" 
ExpiresByType image/jpg "access plus 2592000 seconds" 
ExpiresByType image/jpeg "access plus 2592000 seconds" 
ExpiresByType image/png "access plus 2592000 seconds" 
ExpiresByType image/gif "access plus 2592000 seconds" 
AddType image/x-icon .ico 
ExpiresByType image/ico "access plus 2592000 seconds" 
ExpiresByType image/icon "access plus 2592000 seconds" 
ExpiresByType image/x-icon "access plus 2592000 seconds" 
ExpiresByType text/css "access plus 2592000 seconds" 
ExpiresByType text/javascript "access plus 2592000 seconds" 
ExpiresByType text/html "access plus 7200 seconds" 
ExpiresByType application/xhtml+xml "access plus 7200 seconds" 
ExpiresByType application/javascript A2592000 
ExpiresByType application/x-javascript "access plus 2592000 seconds" 
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" 
</IfModule> 
# END Expire headers 

Dieses Modul steuert die Einstellung der Expires-HTTP-Header und die max-age Richtlinie des Cache-Control-HTTP-Header in Server-Antworten hinzufügen . Das Ablaufdatum kann relativ zu dem Zeitpunkt, zu dem die Quelldatei zuletzt geändert wurde, oder zum Zeitpunkt des Clientzugriffs festgelegt werden.

Diese HTTP-Header sind eine Anweisung an den Client bezüglich der Gültigkeit und Persistenz des Dokuments. Wenn es zwischengespeichert wird, kann das Dokument aus dem Cache und nicht aus der Quelle abgerufen werden, bis diese Zeit verstrichen ist. Danach wird die Cache-Kopie als "abgelaufen" und ungültig betrachtet, und eine neue Kopie muss von der Quelle erhalten werden. Dies beschleunigt die Website, da der Browser nicht immer wieder die gleichen Bilder laden muss.

weitere Informationen: https://www.howtoforge.com/make-browsers-cache-static-files-with-mod_expires-on-apache2-debian-squeeze