TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

[noRiddle (revilonetz)]

Dann gehört das Thema aber nicht hierhin, oder ?

Gruß,
noRiddle

[hpzeller]

Hallo Scubi,

in deinem Shop fehlen bei den Resourcen JavsScript, Stylesheet und Bilder, Angaben bezüglich der Lebenszeit (cache-control).

Ich vermute das in der .htaccess des Shoproot's folgende Direktiven fehlen, oder nicht wirksam sind.

Code: PHP  [Auswählen]

##-- Customization of HTTP request and response headers
<IfModule mod_headers.c>
  <FilesMatch "\\.(ico|jpe?g|png|gif|swf|flv|svg)$">
    Header set Cache-Control "max-age=2592000, public"
  </FilesMatch>
  <FilesMatch "\\.(css|woff)$">
    Header set Cache-Control "max-age=604800, public"
  </FilesMatch>
  <FilesMatch "\\.(js)$">
    Header set Cache-Control "max-age=604800, private"
  </FilesMatch>
  <FilesMatch "\\.(xml|txt)$">
    Header set Cache-Control "max-age=604800, public, must-revalidate"
  </FilesMatch>
  <FilesMatch "\\.(html|htm|php)$">
    Header set Cache-Control "max-age=1, private, must-revalidate"
  </FilesMatch>
</IfModule>

##-- Generation of Expires and Cache-Control HTTP headers
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType image/gif "access plus 2592000 seconds"
  ExpiresByType image/jpg "access plus 2592000 seconds"
  ExpiresByType image/jpeg "access plus 2592000 seconds"
  ExpiresByType image/png "access plus 2592000 seconds"
  ExpiresByType image/svg+xml "access plus 2592000 seconds"
  ExpiresByType text/html "access plus 1 seconds"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "access plus 604800 seconds"
  ExpiresByType application/x-javascript "access plus 604800 seconds"
  ExpiresByType application/javascript "access plus 604800 seconds"
  ExpiresByType text/x-component "access plus 604800 seconds"
  ExpiresByType application/font-woff "access plus 604800 seconds"
  ExpiresByType image/x-icon "access plus 604800 seconds"

  <IfModule mod_headers.c>
    Header append Cache-Control "public"
  </IfModule>
</IfModule>
 

Im HTTP-Header steht als Server "nginx", fungiert der nur als front-end Proxy für einen Apache im Hintergrund oder ist das der einzige Webserver? Ich frage deshalb, weil im zweiten Fall die Direktiven in der .htaccess unwirksam sind.

Im Übrigen finde ich halt, dass deine Startseite ziemlich gross ist, die Ladezeit,siehe Bild, halte ich aber, berücksichtigt man die Grösse, für kurz.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[Scubi]

Hallo Hanspeter,

in der htaccess steht es so:

Code: PHP  [Auswählen]

##-- Enable the compression for any type of content
<IfModule mod_deflate.c>
  <FilesMatch "\\.(js|css|html|htm|php|xml|jpg|jpeg|png|gif|svg|woff|woff2|ttf|otf|eot)$">
    SetOutputFilter DEFLATE
  </FilesMatch>
</IfModule>

##-- Customization of HTTP request and response headers
<IfModule mod_headers.c>
  <FilesMatch "\\.(ico|jpe?g|png|gif|swf|flv|svg)$">
    Header set Cache-Control "max-age=2592000, public"
  </FilesMatch>
  <FilesMatch "\\.(css|woff|woff2|ttf|otf|eot)$">
    Header set Cache-Control "max-age=604800, public"
  </FilesMatch>
  <FilesMatch "\\.(js)$">
    Header set Cache-Control "max-age=604800, private"
  </FilesMatch>
  <FilesMatch "\\.(xml|txt)$">
    Header set Cache-Control "max-age=604800, public, must-revalidate"
  </FilesMatch>
  <FilesMatch "\\.(html|htm|php)$">
    Header set Cache-Control "max-age=1, private, must-revalidate"
  </FilesMatch>
</IfModule>

##-- Generation of Expires and Cache-Control HTTP headers
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType image/gif "access plus 2592000 seconds"
  ExpiresByType image/jpg "access plus 2592000 seconds"
  ExpiresByType image/jpeg "access plus 2592000 seconds"
  ExpiresByType image/png "access plus 2592000 seconds"
  ExpiresByType image/svg+xml "access plus 2592000 seconds"
  ExpiresByType text/html "access plus 1 seconds"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "access plus 604800 seconds"
  ExpiresByType application/x-javascript "access plus 604800 seconds"
  ExpiresByType application/javascript "access plus 604800 seconds"
  ExpiresByType text/x-component "access plus 604800 seconds"
  ExpiresByType font/truetype "access plus 604800 seconds"
  ExpiresByType font/opentype "access plus 604800 seconds"
  ExpiresByType application/x-font-ttf "access plus 604800 seconds"
  ExpiresByType application/x-font-woff "access plus 604800 seconds"
  ExpiresByType application/font-woff "access plus 604800 seconds"
  ExpiresByType application/vnd.ms-fontobject "access plus 604800 seconds"
  ExpiresByType image/x-icon "access plus 604800 seconds"

  <IfModule mod_headers.c>
    Header append Cache-Control "public"
  </IfModule>
</IfModule>
 

Ja, der Nginx läuft nur als Proxy. Laut Google sollte man die Cache Zeiten noch höher setzen.

Das Tool: Test My Site von Google simuliert eine 4G Verbindung und sagt folgendes:

Ergebnisse für dessous-xxl.com
error_outline
Ergebnisse ab Juni 2019.
Bei der Websitegeschwindigkeit werden alle Seiten Ihrer Website berücksichtigt. Weitere Informationen zu diesen Ergebnissen und zur Berechnung der Websitegeschwindigkeit.
Die Websitegeschwindigkeit wird als schnell, durchschnittlich oder langsam eingestuft. Weitere Informationen.
Für den Monatstrend wird die aktuelle Websitegeschwindigkeit mit der aus dem letzten Monat verglichen. Weitere Informationen zur Erfassung bisheriger Daten zur Websitegeschwindigkeit.
Ihre Websitegeschwindigkeit beträgt 4.7 Sekunden
Deutschland im 4G -Netz in Deutschland Bewertung
Langsam
Langsame Websites benötigen mehr als 2,5 Sekunden.

Monatstrend
Wird langsamer
Ihre Website ist in diesem Monat um 2.8 Sekunden langsamer.

[Scubi]

Hallo noRiddle,

ich bin mir nicht sicher ob es hier her gehört. Die Ladezeiten haben ja auch mit CSS, Schriften etc zu tun. Darum meine ich schon, das es hier her gehört. Und grundsätzlich wird eine langsame Ladezeit jeden Shop betreffen. Denn Google macht schon ernst mit Mobil First.

Gruß Alois

[hpzeller]

[...]
Ja, der Nginx läuft nur als Proxy. Laut Google sollte man die Cache Zeiten noch höher setzen.
[...]

Das Problem ist das im HTTP-Header meistens gar kein "cache-control" drin steht und dort wo es drin steht ist die Zeit viel zu kurz Beispiel -> "cache-control: max-age=300,private", diese Werte wurden aber nicht aufgrund der Vorgabewerte wie sie in der .htaccess stehen erzeugt.

Gruss
Hanspeter

[Timm]

Moin,

seine .htaccess scheint aber aktiv zu sein, sonst würden die suchmaschinenfreundlichen URLs nicht funktionieren. Daraus schließe ich, dass der nginx wirklich nur als vorgeschalteter Proxy läuft.

Vielleicht wurde aber im Plesk was verstellt, oder die .htaccess hat irgendeinen Fehler.

Gruß Timm

[hpzeller]

Das ist richtig, aber sind auch die Apache Module mod_headers bzw. mod_expires installiert?

PS:
Wenn PHP als Apache Modul installiert ist kann im Admin via Hilfsprogramme -> Server Info in Erfahrung bringen ob mod_headers bzw. mod_expires installiert sind.

Gruss
Hanspeter

[Scubi]

Hallo Hanspeter,

im Plesk haben expireheader und deflate den haken an.

In der Server Info finde ich:

session.cache_expire   180   180

libsodium headers version   1.0.16

Stream Filter   zlib.inflate, zlib.deflate

Eine wichtige Info ist noch: Auf dem Server läuft mod_pagespeed

[hpzeller]

Also ich bin kein Webserver Profi, aber wie ich das beurteile funktioniert mod_headers auf deinem Server  nicht, ausserdem verwendest du PHP Version 7.3.6, dafür ist das Shopsystem aber nicht freigegeben.
Ich kann dir leider nicht mehr weiterhelfen und ziehe deshalb hier einen Schlussstrich.

Gruss
Hanspeter

[Scubi]

Hallo Hanspeter,

trotzdem erstmal danke.

Gruß Alois

[Chopper-Fahrer]

off topic: Bin mir nicht sicher ob es an dem Template liegt. vermutlich finde ich einfach die Einstellung im Backend nicht.

Auf der Artikelseite steht neben dem Artikel: Lieferzeit: 3-4 Tage
Dabei ist hinter "3-4 Tage" ein Link hinterlegt, bei dem eine Leere Seite mit "information" aufgeht.
Wo kann ich dies dem richtigen Content zuordnen? Ich gehe davon aus das hier eigentlich die Seite "Lieferzeit" hintlegt sein müsste.
Doch wo kann ich das festlegen? Im Backend unter "Lieferstatus" habe ich nichts gefunden.

[awids]

Schau mal unter "Erw. Konfiguration > Zusatzmodule" im unteren Segment nach.

[Rocket3]

Hallo Chopper-Fahrer,
ich glaube du musst unter "Content-Manager/Lieferzeit" deine Lieferzeiten beschreiben, ungefähr so

"Lieferzeit

Soweit in der Artikelbeschreibung keine andere Frist angegeben ist, erfolgt die Lieferung der Ware in Deutschland innerhalb von 3-5 Werktagen,
bei Auslandslieferungen innerhalb von 7-14 Werktagen."

Danach kannst du es sehen, nachdem du den Link angeklickt hast.

Gruss

[Chopper-Fahrer]

Schau mal unter "Erw. Konfiguration > Zusatzmodule" im unteren Segment nach.

Vielen Dank, genau da hatte sich die nötige Einstellung versteckt. Hab überall gesucht, aber unter Zusatzmodule hätte ich das wahrlich nicht vermutet.

[compdirk]

Moin zusammen,

ich hab da mal eine Verständnisfrage, hat die Einstellung des Intervalls für den Slider auf der Startseite nur eine Auswirkung auf den Bilderslider?
Beim Bilderslider funktioniert die Intervalanpassung im 'templates\bootstrap4\javascript\general_bottom.js.php' Wert: $('#myCarousel').carousel({interval:3000}); prächtig und einwandfrei.

Nur beim Top- und Bestseller-Slider scheint der "autoslide-Interval" beim Seitenaufruf keine Wirkung zu zeigen. Diese Intervalanpassung brachte leider keinen Erfolg.

Erst wenn ich auf einen der beiden Pfeile (rechts/links) klicke oder mir dem Mauspfeil darüber gleite läuft der Top- und Bestseller-Slider los, mit der eingestellten Intervalzeit.

Könnt Ihr mir Tip geben welchen Schalter ich noch umlegen muss, damit der Top- und Bestseller-Slider automatisch loslaufen.

Gruß Dirk