Support » Allgemeine Fragen » Wie kann ich fontawesome in wp entfernen?

  • Gelöst gesundegeschenke

    (@gesundegeschenke)


    Hallo,

    ich habe mit einer Onlineshop-Seite angefangen und muss mich da dringend um die Ladezeiten kümmern.
    PagespeedInsights zeigt mir hier den größten Brocken an, der zu viel Zeit in Anspruch nimmt.

    Ursprünglich hatte ich als Schriftart roboto gewählt, jetzt weiß ich, dass das nicht klug war.

    Mittlerweile habe ich ein zusätzliches css eingefügt, mit dem die Schrift auf der ganzen Seite nur noch in Arial angezeigt werden soll und wird.

    html {
    font-family: Arial;
    }

    Wie kann ich jetzt die ursprüngliche Schrift und den gesamten font awesome entfernen, um Zeit zu sparen?

    Das ist die Anzeige bei PageSpeed Insights:

    URL
    Mögliche Einsparungen
    …roboto/KFOlCnqEu….woff2(www.gesunde-geschenke.com)
    910 ms
    …fonts/fontawesome-webfont.woff2?v=4.7.0(www.gesunde-geschenke.com)
    900 ms
    …roboto/KFOlCnqEu….woff2(www.gesunde-geschenke.com)
    1.060 ms
    …roboto/KFOmCnqEu….woff2(www.gesunde-geschenke.com)
    1.060 ms
    …fonts/star.woff(www.gesunde-geschenke.com)
    790 ms
    …fonts/fontawesome-webfont.woff?v=4.7.0(www.gesunde-geschenke.com)
    1.370 ms
    …fonts/fontawesome-webfont.ttf?v=4.7.0(www.gesunde-geschenke.com)
    950 ms

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Fontawesome belegt bei deiner Website 150KB – das kannst du mit Blick auf die Performance vernachlässigen. (Ganz abgesehen davon, dass einige Browser den Font wahrscheinlich sowieso im Browser-Cache haben.)

    Wenn du aber darauf bestehst, den Font zu entfernen, musst du die Einbindung des Stylesheet /assets/fontawesome/css/fontawesome.{min}.css aufheben:

    add_action( 'wp_print_styles', 'dequeue_font_awesome_style' );
    function dequeue_font_awesome_style() {
          wp_dequeue_style( 'font-awesome' );
          wp_deregister_style( 'font-awesome' );
    }

    Der Code gehöft in die functions.php eines Child-Themes, ein eigenes Plugin oder ein Code-Snippet, wenn du Code Snippets verwendest.

    Allerdings musst du dir dann auch was einfallen lassen, wie du die Fontawesome-Icons (z.B. im Navigationsmenü mit Unterseiten) ersetzt.

    Thread-Starter gesundegeschenke

    (@gesundegeschenke)

    Sind das nicht WordPress eigene Dashicons im Navigationsmenue?

    Werden diese auch entfernt, wenn ich fontawesome entferne?

    Ich meinte das Navigationsmenü im Frontend. Die Icons im Navigationsmenü der Website werden mit Fontawesome dargestellt.

    Thread-Starter gesundegeschenke

    (@gesundegeschenke)

    .

    Etwas wortkarg 😀 … aber Danke für die Statusänderung des Thread auf „gelöst“.

    Thread-Starter gesundegeschenke

    (@gesundegeschenke)

    Sorry, bin schon beim nächsten…
    Ich habs getan.
    Und im Ernst, es fehlt mir ein Pfeil im Dropdown Menü und die Lupe in der Suche.
    Das hat sich doch gelohnt 🙂

    Und im Ernst, es fehlt mir ein Pfeil im Dropdown Menü und die Lupe in der Suche.

    Genau, so hatte ich das gemeint.
    Ob sich dafür die „enorme“ Ersparnis von 75KB lohnt?

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Wie kann ich fontawesome in wp entfernen?“ ist für neue Antworten geschlossen.