Neu Hilfe bei der Seitengeschwindigkeit

blackes

Sehr aktives Mitglied
4. Februar 2018
156
120
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
280
22
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
280
22
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 Hilfe bei jtl-pos Synchronisation User helfen Usern - Fragen zu JTL-Wawi 5
Neu shop steht , brauche Hilfe Allgemeine Fragen zu JTL-Shop 6
Neu DRIGEND HILFE!!! Ebay Abgleich endet mit Arithmetischer Überlauffehler für tinyint-Datentyp, Wert = -1. Die Anweisung wurde beendet. eBay-Anbindung - Fehler und Bugs 4
Neu Canonical-Tag bei Merkmalwert-URLs mit Parameter "m" Betrieb / Pflege von JTL-Shop 11
Neu Kind-Artikel nicht bei Ebay anbieten Allgemeine Fragen zu JTL-Shop 1
Neu Wie ändere ich das vorausgewählte Lager bei Bestellungen? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Fehlender Rabattabzug bei Amazon Multirabatten Amazon-Anbindung - Fehler und Bugs 0
In Diskussion Workflow bei fehlerhaften Bankabgleich JTL-Workflows - Ideen, Lob und Kritik 4
Gelöst: Störung bei LInk11 - JTL- Shops teilweise nicht erreichbar Störungsmeldungen 1
Neu JTL Wawi 1.11.11 - Zahlungsabgleich bei FYRST Bank verlangt immer Passwort User helfen Usern - Fragen zu JTL-Wawi 0
Kundengruppenrabatte werden bei einzelnen Artikeln nicht übernommen – „Rabatte ignorieren“ springt nach Speichern zurück JTL-Wawi 2.0 2
Neu [API] Zahlungen bei salesOrders verbuchen Schnittstellen Import / Export 0
Neu Unerwünschtes Scrollen/Springen zum Seitenanfang bei Footer-Menüs (Mobile) JTL-Shop - Fehler und Bugs 4
Frage stellen bei Bestellung JTL-Wawi 1.11 1
Bei Update auf 2.05 kam folgende Meldung JTL-Wawi 2.0 2
Neu Fehleretikett bei OTTO Bestellungen bzgl. Adresszusatz JTL-ShippingLabels - Fehler und Bugs 2
Skonto wird bei Zahlung setzen nicht berücksichtigt JTL-Wawi 1.11 2
Wawi 1.11.9 Ständige Abstürze bei Aktualisierung Artikelstammdaten JTL-Wawi 1.11 5
Neu Helfen Lösungen wie Unicorn wirklich, um die teuren Preise bei JTL zu vermeiden? Amazon-Anbindung - Ideen, Lob und Kritik 1
Neu Erstellung der Sitemap bei WaWi Abgleich funktioniert nicht Allgemeine Fragen zu JTL-Shop 0
Neu Bug? Führende Nullen bei Sendungsnummern verschwinden in JTL-Wawi 2.0.3 JTL-ShippingLabels - Fehler und Bugs 1
Neu Update nach 5.7.1 hängt bei Mirgation Installation / Updates von JTL-Shop 4
Wawi 1.11. Rechnungsanhang funktioniert nicht mehr bei Versandmail JTL-Wawi 1.11 6
Fehlermeldungen bei Einrichtung DHL 4.0 "Objektverweis" und "Konfiguration Versandart" JTL-Wawi 1.11 2
Error 500 bei Neuinstallation Einrichtung JTL-Shop5 7
Neu Amazon Versandentgelt Kaufen bei Standardbestellungen Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu Fragen zum SaaS-Connector / Shopware6 bei Lagerbestandskorrektur Shopware-Connector 0
Kontrollkästchen "Export" bei Zahlungen nicht mehr angehakt JTL-Wawi 2.0 4
Neu Seltsamer Fehler bei PayPal-Checkout: "Warenkorb enthielt Vaterartikel..." JTL-Shop - Fehler und Bugs 2
Neu Nach Update auf 1.11.10.0 Abgleich zu Ebay über 3 Stunden bei neuen Angeboten eBay-Anbindung - Fehler und Bugs 2
Neu Falsch erzeugte Ausgangszahlung bei Teilzahlungen und Retoure (Kauf auf Rechnung) Arbeitsabläufe in JTL-Wawi 0
Anmeldung mit OAuth bei Versanddienstleister notwendig JTL-Wawi 1.10 5
Neu Kritisches Problem bei DHL 4.0: Handelsstücklisten brechen EU- und Exportversand JTL-ShippingLabels - Fehler und Bugs 25
Neu Muss bei DHL Express ebenfalls was geändert werden, aufgrund DHL 4.0? User helfen Usern - Fragen zu JTL-Wawi 1
Ameise.exe Fundort bei JTL WAWI 2.02 JTL-Wawi 2.0 2
Neu Keine Adressvalidierung bei DHL Versenden 4.0? JTL-ShippingLabels - Ideen, Lob und Kritik 5
Fehlermeldung bei DHL 4.0 versand JTL-Wawi 2.0 26
Neu Neuerdings E-Mail benachrichtigung bei "Pick up in Store", allerdings mit E-Mail "Bestellung wurde abgeholt" Shopify-Connector 0
Neu keine Kontakt Absender/Empfänger bei DHL Versenden 4.0 JTL-ShippingLabels - Ideen, Lob und Kritik 4
Neu DHL Versenden 4.0 HS Code-Fehler bei Freiposition JTL-ShippingLabels - Fehler und Bugs 20
Neu Muss man für DHL Versenden 4.0 einen neuen Benutzer bei DHL anlegen? JTL-ShippingLabels - Ideen, Lob und Kritik 2
Ebay angebote lassen sich nicht mehr bei JTL bearbeiten JTL-Wawi 2.0 0
Ameise-Export: Umsatzsteuer stimmt nicht mit Differenz aus Netto und Brutto überein (insbesondere bei mehreren Steuersätzen) JTL-Wawi 1.11 0
Fehler bei Bearbeitung von Attributen via HTML-Editor JTL-Wawi 2.0 3
Neu product_visibility bei JTL-Wawi und Shopware 6 Shopware-Connector 1
Neu Produkt-Upload schlägt fehl nach Shopware-Update 6.7.9.0 – Fehler bei quantityStart (SaaS-Connector) Shopware-Connector 14
Neu Wie aktiviere ich den richtigen EK bei freiem Wareneingang? Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Workflow Trigger bei Angebot-Import über Ameise JTL-Wawi 1.9 1
Absturz bei Hinzufügen von Artikelbildern JTL-Wawi 2.0 3
Neu Falsche Zahlungsart bei Gutscheinzahlungen im DSFinV-K-Export JTL-POS - Fehler und Bugs 1

Ähnliche Themen

Top Bottom