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
217
18
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.

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
217
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/
 
Ä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 wir brauchen dringend Hilfe bei WMS-Mobile, Benutzeranmeldung User helfen Usern - Fragen zu JTL-Wawi 3
Neu Hilfe - Performanceproblem mit Shop durch Worker JTL-Shop - Fehler und Bugs 27
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
Ebay Angebote importieren nicht möglich bitte um Hilfe ? JTL-Wawi 1.8 4
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 0
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
Artikel bei Conrad anlegen JTL-Wawi 1.8 0
In Diskussion Liquid error: Parameteranzahlkonflikt bei einer einfachen Anweisung Gelöste Themen in diesem Bereich 3
Neu Fehler bei Bearbeitung von Designvorlagen eBay-Designvorlagen - Fehler und Bugs 0
Neu Amazon Varianten anlegen bei bestehendem Artikel Amazon-Anbindung - Fehler und Bugs 0
Beantwortet Versandgruppe bei Kaufland fehlt im Artikelstamm kaufland.de - Anbindung (SCX) 1
Neu Probleme mit Artikelzustand bei Ebay Laufene Artikel ändern Einrichtung und Installation von JTL-eazyAuction 3
Neu Wunschzettel Funktion auch bei Vaterartikeln möglich? Templates für JTL-Shop 0
Neu ASIN einem Produkt zuordnen zum aufschalten bei amazon JTL-Wawi 1.6 6
Preisschilder: Grundpreisberechnung bei Sonderpreisen JTL-Wawi 1.8 1
Neu Pulsierender Punkt bei Aufruf des Backends Gelöste Themen in diesem Bereich 12
Neu Kindpreise bei Vorlage Arbeitsabläufe in JTL-Wawi 4
Fehler beim Rendering der Attribute bei SCX Abgleich kaufland.de - Anbindung (SCX) 1
Formatierungsfehler in XML bei Verwendung von dotliquid kaufland.de - Anbindung (SCX) 2
Neu Warenkorb Hinweise bei Bestandsänderung und Preisänderung Allgemeine Fragen zu JTL-Shop 2
Neu 504 Gateway Time-Out nginx bei Plugin-Updates Gelöste Themen in diesem Bereich 10
Neu Bestand bei Stücklistenartikel ist falsch JTL-Wawi - Fehler und Bugs 2
Neu Unterstützung bei JTL5-Shop-Überarbeitung gesucht - Template/Plugin uvm. Dienstleistung, Jobs und Ähnliches 1
Beantwortet Farbe des Auftrages bei Retouren angepasst JTL-Workflows - Ideen, Lob und Kritik 1
SEPA-Einzug bei Teilrechnung JTL-Wawi 1.8 2
Token bei Amazon verlängert nun geht nichts mehr JTL-Wawi 1.7 4
Neu Unterseitenindexierung bei Google - wo ausschalten? Allgemeine Fragen zu JTL-Shop 1
Neu Automatisierter Import Händler-CSV, Problem mit unterschiedlichen Artikeln bei gleicher EAN Schnittstellen Import / Export 7
Neu Keine SEO URLs bei Kinderartikeln nach Update Allgemeine Fragen zu JTL-Shop 3
Automatisches MHD bei Import JTL-Wawi 1.8 1
In Bearbeitung Workflow offene Aufträge zusammenfassen bei ausgelieferten JTL-Workflows - Ideen, Lob und Kritik 1
Neu Ungewollte Rundung bei Vorkasse-Hinweis Allgemeine Fragen zu JTL-Shop 0
Versandkosten bei Retoure Otto.de - Anbindung (SCX) 0
In Diskussion Kasse berechnet falschen Bonrabatt bei gemischter Mehrwertsteuer JTL-POS - Fehler und Bugs 7
Gelöst Packtisch+ 1.8.112 : Rechnung wird bei Teillieferung erzeugt, obwohl als Ausführungsbedingung "Nur bei der letzten Teillieferung" ausgewählt ist. JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 2
Neu Benachrichtigung per Workflow bei Wareneingang User helfen Usern - Fragen zu JTL-Wawi 24

Ähnliche Themen