Neu Hilfe bei der Seitengeschwindigkeit

blackes

Aktives Mitglied
4. Februar 2018
52
2
Page speed insight.PNG

Ich bräuchte mal Hilfe bei meiner Seite. Ich habe irgendwie ein Problem mit dem Vorladen von Schriften.
Wir benutzen den KM Speed Optimizer und kommen trotzdem nicht auf einen guten Wert im Mobile Bereich. Eine 52 ist nicht wirklich wünschenswert.
Jedesmal wird mir hier ein Wert von 3540 ms. ausgegeben. Kann mir dabei vielleicht jemand weiter helfen? Es handelt sich bei der Seite um https://kingsize-autopflege.de.

Ich sage schonmal im voraus Danke und hoffe irgendjemand kann uns behilflich sein.
 

cody

Aktives Mitglied
17. Juni 2020
25
5
Krakau
Öffnen Sie die Datei "Templates / Evo / Themes / Base / Less / Slick.less" und füge "font-display: swap;"

CSS: 
/* Icons */
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}

Sie können auch den obigen Code entfernen und einen Link zum Header hinzufügen (templates/Evo/layout/header.tpl)

HTML: 
<link rel="preload" as="font" href="{$currentTemplateDir}themes/base/fonts/slick.woff" type="font/woff2" crossorigin="anonymous">
 
Zuletzt bearbeitet:

cody

Aktives Mitglied
17. Juni 2020
25
5
Krakau
Hi, Besser die Datei "slick.less" bearbeiten. Nach der Änderung müssen Sie das CSS im "EVO Theme Editor" kompilieren.
Besser noch, ersetzen Sie die Schriftart durch SVG.
 

golvreven

Gut bekanntes Mitglied
1. Oktober 2020
218
18
Zitat von Michał Rzeszutek:
Hi, Besser die Datei "slick.less" bearbeiten. Nach der Änderung müssen Sie das CSS im "EVO Theme Editor" kompilieren.
Besser noch, ersetzen Sie die Schriftart durch SVG.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Hallo,

wir verwenden das EVO Theme nicht, aber sicherlich lässt sich der Tipp übertragen. Was bedeutet es, wenn das CSS nach der Änderung der slick.less kompiliert werden muss?

Was heißt SVG? Sollen wir eine SVG-Schriftart verwenden?

Viele Grüße
g.
 

cody

Aktives Mitglied
17. Juni 2020
25
5
Krakau
Es ist eigentlich sehr einfach. Dies kann auf viele Arten erfolgen. Nachfolgend finden Sie 3 verschiedene Möglichkeiten.
SVG ist das Format oder der Standard für Vektordateien. Es gibt verschiedene Ansätze für das Thema Schriftarten mit Symbolen und SVG. Im Fall von SlickCarousel würde ich die Schriftart persönlich ersetzen.

CSS: 
<button class="slick-next slick-arrow" aria-label="Next" type="button" style="">
    <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
        <path d="m9.29289322 7.20710678c-.39052429-.39052429-.39052429-1.02368927 0-1.41421356s1.02368928-.39052429 1.41421358 0l5.5 5.49999998c.3905243.3905243.3905243 1.0236893 0 1.4142136l-5.5 5.5c-.3905243.3905243-1.02368929.3905243-1.41421358 0s-.39052429-1.0236893 0-1.4142136l4.79289318-4.7928932z"></path>
    </svg>
</button>


.slick-prev {
    background-image: url(../images/icons/icon32x32-arrow-left.svg);
    &:before {
        content: '';
    }
}

.slick-prev {
    &:before {
        content: url("data:image/svg+xml; utf8, <svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m10.2928932 8-4.64644659-4.64644661c-.19526215-.19526215-.19526215-.51184463 0-.70710678s.51184463-.19526215.70710678 0l5.00000001 5c.1952621.19526215.1952621.51184463 0 .70710678l-5.00000001 5.00000001c-.19526215.1952621-.51184463.1952621-.70710678 0-.19526215-.1952622-.19526215-.5118446 0-.7071068z'/></svg>");
    }
}
 

golvreven

Gut bekanntes Mitglied
1. Oktober 2020
218
18
Ok, danke für die Anleitung, aber was sind die Vorteile einer SVG-Schriftart gegenüber einer selbst gehosteten Google Font?
 

cody

Aktives Mitglied
17. Juni 2020
25
5
Krakau
SVG-Schriftarten werden hauptsächlich in Symbolen verwendet. Derzeit ist SVG Sprite in diesem Fall die bessere Lösung. Es gibt keine Schriftarten mit Symbolen in Google-Schriftarten. "Icon font" ist eine etwas andere Kategorie. Normalerweise ist jede Schriftart eine Vektorschrift, für Symbole wird jedoch normalerweise das SVG- oder woff2-Format verwendet

SVG Sprites: https://css-tricks.com/svg-sprites-use-better-icon-fonts/
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Neu JTL 1.8.12.0 - Artikelattribut für Shop importieren - Format CSV-Datei / Hilfe bei Import von individuellen Attributen für JTL-Shop (googlekat) JTL-Ameise - Ideen, Lob und Kritik 1
Neu Hilfe bei FBA - Artikel zusammenlegen User helfen Usern 1
Neu HOME (Engl. Startseite) nicht editierbar (forbidden) - Bitte um Hilfe Gelöste Themen in diesem Bereich 7
Neu Hilfe - Performanceproblem mit Shop durch Worker JTL-Shop - Fehler und Bugs 28
Neu HILFE... >60 GB im tmp Allgemeine Fragen zu JTL-Shop 8
Neu Hilfe im Homeoffice für Amazon, ebay Kaufland etc. Dienstleistung, Jobs und Ähnliches 0
Frage zu Feature | WAWI-63484 - Übertragung von "Belegbildern" - Rechnungsdatenservice 2.0 - DATEV Unternehmen Online - Belege - Bitte um Hilfe JTL-Wawi 1.8 0
Neu MS SQL 14 Express wird langsam voll. Welche Lienzen benötigen wir? Bitte um Hilfe Eigene Übersichten in der JTL-Wawi 27
Neu Hilfe zum Thema Versandart ändern User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bitte um Hilfe: Seiten Variationskombis im Shop zeigen http:500 Allgemeine Fragen zu JTL-Shop 4
Neu Bitte um Hilfe beim Export/Import von Attributen JTL Ameise - Eigene Exporte 0
Hilfe - 1.8.10.0 JTL-WMS Waage Typ ADE EHR/EHQ geht nicht mehr JTL-Wawi 1.8 22
Komplexe SQL Abfrage zu gelieferten Artikeln mit eigenen Feldern - Hilfe gesucht JTL-Wawi 1.8 1
Neu Bei Hermes ist Sendungsnummer gleichzeitig die Retourennummer. Otto.de - Anbindung (SCX) 3
Neu Multishop Lizenz bei unterschiedlichen Mandanten? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Autorisierte Zahlungen über mollie werden bei Rundungsdifferenz storniert. WooCommerce-Connector 0
Nachträglich Zölle bei Artikel EK-Netto einpflegen JTL-Wawi 1.8 4
Neu Wie gebrauchte Waren bei Ebay einstellen? Workflow User helfen Usern - Fragen zu JTL-Wawi 0
Neu Falscher Benutzer bei "Letzte Änderung durch". JTL-Wawi - Fehler und Bugs 2
Stücklisten-Problem bei OTTO Retouren Otto.de - Anbindung (SCX) 1
Neu 5.3.1 HTTP Error 500 bei Bestellungen Gelöste Themen in diesem Bereich 4
Automatisierung bei Merkmalen JTL-Wawi 1.7 6
Neu Workflow bei Login in WMS / WAWI starten User helfen Usern - Fragen zu JTL-Wawi 10
Neu Kassenschublade und Drucker bei iMin D4 Pro JTL-POS - Fragen zu Hardware 1
Ameise Importfehler bei Artikeln JTL-Wawi 1.8 2
Globaler Mindestbestand bei neuen Artikeln wird trotz Nullbestand nicht in den Bestellvorschlägen berücksichtigt JTL-Wawi 1.6 1
Falsche Bankverbindung bei (alten) Aufträgen aus Abonnements JTL-Wawi 1.8 0
Anmeldefenster versteckt bei 2 aktiven Bildschirmen JTL-Wawi 1.8 4
Überverkäufe bei Kaufland kaufland.de - Anbindung (SCX) 4
Textfeld auf Folgeseiten bei Angebotsvorlage JTL-Wawi 1.8 1
Neu Fehler bei Sprach- und Währungsumstellung Allgemeine Fragen zu JTL-Shop 0
Neu [BUG] Erweiterter Filter "Laufend bei Ebay" funktioniert nicht mehr [v1.8.xx & 1.9.x.x] JTL-Wawi - Fehler und Bugs 6
Neu Amazon Rechnungen stehen als "nicht bezahlt" bei den Rechnungen offen Amazon-Anbindung - Fehler und Bugs 0
Versandkosten werden bei der Gewinnermittlung nicht breücksichtig (1.8.12.2) JTL-Wawi 1.8 1
Neu Amazon Bearbeitungszeit ändern bei 600000 Angeboten Arbeitsabläufe in JTL-Wawi 1
Entfernen von Lieferzeiten bei Artikeln ohne Lieferzeiten Einrichtung JTL-Shop5 6
Beantwortet Keine Umstatzsteuer bei ausländischen Kunden Allgemeine Fragen zu JTL-Shop 7
Neu IonCube bei JTL Hosting? Allgemeine Fragen zu JTL-Shop 2
Neu zweiten Shop auch bei JTL hosten ? Allgemeine Fragen zu JTL-Shop 1
Neu Error Code = 0 bei Installation JTL-Shop 5.3.1 Einrichtung JTL-Shop5 3
Neu Probleme mit EAN als Barcode bei Varkombis Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Dateiänderungen bei Export (Auftrag) User helfen Usern - Fragen zu JTL-Wawi 3
Neu Was steckt hinter der Zahl von 53 Bildern auf Ebay bei Variationsartikeln (und einer unsinnigen Fehlermeldung der Wawi)? JTL-Wawi - Fehler und Bugs 2
Neu Im Warenkorb werden falsche Merkmalnamen geladen bei mehrsprachigen Shops JTL-Shop - Fehler und Bugs 2
Zahlungsarten bei Angebote etc. JTL-Wawi 1.8 0
Neu Badges / Artikelsticker bei JTL Shop 5.3.0 Templates für JTL-Shop 0
Rechnungsentwurf wird nicht zur Rechnung bei Auslieferung JTL-Wawi 1.8 8
Neu Filtereinstellungen: wenn Sonderpreis bei Vater- oder Kindartikeln, Anzeige von Vater- UND Kindartikeln User helfen Usern - Fragen zu JTL-Wawi 5
Neu Workflow der bei Stücklisten: Überverkäufe de-/aktivieren User helfen Usern - Fragen zu JTL-Wawi 11
Neu Eigene Felder Checkbox Inhalt bzw. Text bei Mouseover anzeigen JTL-Wawi - Ideen, Lob und Kritik 0

Ähnliche Themen

Top Bottom