{"id":24296,"date":"2024-01-07T12:15:21","date_gmt":"2024-01-07T12:15:21","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24296"},"modified":"2025-04-17T18:18:30","modified_gmt":"2025-04-17T17:18:30","slug":"omgfs","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/de\/pagespeed-leitfaden\/omgfs\/","title":{"rendered":"OMGF"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space  uptab\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper edgtf-content-aligment-left\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1639304550036\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1639652935502\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-md vc_hidden-sm vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1644186771410\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1024\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\" style=\"background-color: #efefef\" data-item-class=\"edgtf-eh-custom-1692\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-1692\" style=\"padding: 0px 30px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1707874354272\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">Schriftarten laden <span style=\"color: #fc0;\">Korrekt<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1708249095333\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Font-Loading.jpg\" alt=\"Ein Brief aus Moos auf einer OMGF-Insel in einem Wald.\" title=\"Ein Brief aus Moos auf einer OMGF-Insel in einem Wald.\" align=\"center\" class=\"top_image\" fetchpriority=\"high\" loading=\"eager\" width=\"600\" height=\"450\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1708249233609\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Das Herunterladen von Google Fonts ist ein Muss<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">OMGF ist der einfachste Weg, dies zu tun<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 40px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\" rel=\"noopener\">\n    <span class=\"edgtf-btn-text\">Laden Sie OMGF herunter<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tLaden Sie OMGF herunter\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a>        <\/div>\n    <\/div>\n<\/div><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top\"  data-item-class=\"edgtf-eh-custom-4658\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-4658\" style=\"padding: 0px 20px 0px 30px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644075002522\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Was ist <span style=\"color: #fc0;\">OMGF<\/span>?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1706407411731\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">OMGF ist ein Plugin, das alle Google-Schriftarten, die Ihre Website verwendet, direkt auf Ihren Server herunterl\u00e4dt. Dies erspart Ihrer WordPress-Installation das Anfordern von Schriftarten von den Google-Servern, was Zeit und Verbindungen spart. Das Plugin ist unglaublich einfach zu verwenden und wenn Ihr Website-Design fertig ist, m\u00fcssen Sie es nur einmal verwenden, um Ihr Website-Design zu verbessern <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/seitengeschwindigkeit\/enthullung-der-enigma-google-und-pagespeed-scores\/\">Pagespeed-Score<\/a> und verk\u00fcrzen Sie die Ladezeit Ihrer Website.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Was viele Menschen nicht wissen, ist, dass die Dateigr\u00f6\u00dfe von Schriftarten recht gro\u00df sein kann. Viele sind bis zu 200 KB gro\u00df, daher kann das Herunterladen bei jeder Seitenanforderung serverintensiv sein. Wenn Sie bedenken, dass diese gesamte Seite etwa 800 KB gro\u00df ist (einschlie\u00dflich Bilder), wird Ihnen klar, wie wichtig das Herunterladen von Schriftarten ist, um Ihre Gesamtgeschwindigkeit zu verbessern. Hinzu kommt die Tatsache, dass die meisten Websites \u00fcber mehrere Schriftarten und Schriftst\u00e4rken verf\u00fcgen. Sie k\u00f6nnen leicht erkennen, dass das Herunterladen von Schriftarten allein eine Gr\u00f6\u00dfe von 1 MB erreichen kann, wenn Sie nicht aufpassen.<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Die Verwendung von OMGF wird das Problem l\u00f6sen und Ihnen dabei helfen, Ihre Gesundheit zu st\u00e4rken <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/seitengeschwindigkeit\/tiefgreifende-vorteile-einer-erhohung-der-seitengeschwindigkeit\/\">Pagespeed-Berichte und verringern Sie die Ladegeschwindigkeit<\/a> f\u00fcr Ihre Endbenutzer. M\u00f6glicherweise haben Sie die Warnungen zu Schriftarten und insbesondere zu dem sogenannten \u201eFOUT\u201c (Flash of unerw\u00fcnschtem Text) im Google Lighthouse-Bericht gesehen und sind sich nicht sicher, wie Sie diese beheben k\u00f6nnen. Nachfolgend finden Sie eine Kurzanleitung zur Verwendung von OMGF und <a title=\"NitroPack-Rezension. Maximieren Sie die Website-Leistung\" href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/seitengeschwindigkeit\/nitropack-tauscht-geschwindigkeitsoptimierung\/\">Maximieren Sie die Geschwindigkeit beim Laden von Schriftarten auf Ihrer Website<\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper edgtf-content-aligment-center\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1644186781461\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1024\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\"  data-item-class=\"edgtf-eh-custom-4510\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-4510\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1707874380709\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">Schriftarten laden <span style=\"color: #fc0;\">Korrekt<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1708249106623\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Font-Loading.jpg\" alt=\"Ein Brief aus Moos auf einer OMGF-Insel in einem Wald.\" title=\"Ein Brief aus Moos auf einer OMGF-Insel in einem Wald.\" align=\"center\" class=\"top_image\" fetchpriority=\"high\" loading=\"eager\" width=\"600\" height=\"450\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1708249241425\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Das Herunterladen von Google Fonts ist ein Muss<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">OMGF ist der einfachste Weg, dies zu tun<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 30px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\" rel=\"noopener\">\n    <span class=\"edgtf-btn-text\">Laden Sie OMGF herunter<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tLaden Sie OMGF herunter\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a>\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644075002522\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Was ist <span style=\"color: #fc0;\">OMGF<\/span>?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641474603448\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">OMGF ist ein Plugin, das alle Google-Schriftarten, die Ihre Website verwendet, direkt auf Ihren Server herunterl\u00e4dt. Dies erspart Ihrer WordPress-Installation das Anfordern von Schriftarten von den Google-Servern, was Zeit und Verbindungen spart. Das Plugin ist unglaublich einfach zu verwenden und wenn Sie <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/produkt\/website-designers\/\">Website design<\/a> Wenn es vollst\u00e4ndig ist, m\u00fcssen Sie es nur einmal verwenden, um Ihren Pagespeed-Score zu erh\u00f6hen und die Ladezeit Ihrer Website zu verk\u00fcrzen.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Was viele Menschen nicht wissen, ist, dass die Dateigr\u00f6\u00dfe von Schriftarten recht gro\u00df sein kann. Viele sind bis zu 200 KB gro\u00df, daher kann das Herunterladen bei jeder Seitenanforderung serverintensiv sein. Wenn Sie bedenken, dass diese gesamte Seite etwa 800 KB gro\u00df ist (einschlie\u00dflich Bilder), wird Ihnen klar, wie wichtig das Herunterladen von Schriftarten ist, um Ihre Gesamtgeschwindigkeit zu verbessern. Hinzu kommt die Tatsache, dass die meisten Websites \u00fcber mehrere Schriftarten und Schriftst\u00e4rken verf\u00fcgen. Sie k\u00f6nnen leicht erkennen, dass das Herunterladen von Schriftarten allein eine Gr\u00f6\u00dfe von 1 MB erreichen kann, wenn Sie nicht aufpassen.<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Die Verwendung von OMGF l\u00f6st das Problem und hilft dabei, Ihre Pagespeed-Berichte zu verbessern und die Ladegeschwindigkeit f\u00fcr Ihre Endbenutzer zu senken. M\u00f6glicherweise haben Sie die Warnungen zu Schriftarten und insbesondere zu dem sogenannten \u201eFOUT\u201c (Flash of unerw\u00fcnschtem Text) im Google Lighthouse-Bericht gesehen und sind sich nicht sicher, wie Sie diese beheben k\u00f6nnen. Nachfolgend finden Sie eine Kurzanleitung zur Verwendung von OMGF und zur Maximierung der Geschwindigkeit beim Laden von Schriftarten auf Ihrer Website.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1744910037811 vc_row-has-fill edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm\"><div class=\"vc_column-inner vc_custom_1644069705118\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-768\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top\"  data-item-class=\"edgtf-eh-custom-2986\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-2986\" style=\"padding: 0% 20px 20px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1744910306240\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 class=\"h1yellow\">Schriftarten laden <span style=\"color: #fc0;\">Korrekt<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1668531313063\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">OMGF ist ein Plugin, das alle Google-Schriftarten, die Ihre Website verwendet, direkt auf Ihren Server herunterl\u00e4dt. Dadurch wird verhindert, dass Ihre Website Schriftarten von den Google-Servern anfordert, was Zeit und Verbindungen spart.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1708250854727\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Font-Loading.jpg\" alt=\"Ein Brief aus Moos auf einer OMGF-Insel in einem Wald.\" title=\"Ein Brief aus Moos auf einer OMGF-Insel in einem Wald.\" align=\"center\" class=\"top_image\" fetchpriority=\"high\" loading=\"eager\" width=\"600\" height=\"450\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1708250848331\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Das Plugin ist unglaublich einfach zu verwenden und wenn Ihr Website-Design fertig ist, m\u00fcssen Sie es nur einmal verwenden <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/schnellere-seitengeschwindigkeit\/\">Erh\u00f6hen Sie Ihren Pagespeed-Score<\/a> und verk\u00fcrzen Sie die Ladezeit Ihrer Website.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648282411377\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Was viele Menschen nicht wissen, ist, dass die Dateigr\u00f6\u00dfe von Schriftarten recht gro\u00df sein kann. Viele sind bis zu 200 KB gro\u00df, daher kann das Herunterladen bei jeder Seitenanforderung serverintensiv sein.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Wenn Sie bedenken, dass diese gesamte Seite etwa 800 KB gro\u00df ist (einschlie\u00dflich Bilder), wird Ihnen klar, wie wichtig das Herunterladen von Schriftarten ist, um Ihre Gesamtgeschwindigkeit zu verbessern. Hinzu kommt die Tatsache, dass die meisten Websites \u00fcber mehrere Schriftarten und Schriftst\u00e4rken verf\u00fcgen. Sie k\u00f6nnen leicht erkennen, dass das Herunterladen von Schriftarten allein eine Gr\u00f6\u00dfe von 1 MB erreichen kann, wenn Sie nicht aufpassen.<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Die Verwendung von OMGF l\u00f6st das Problem und hilft dabei, Ihre Pagespeed-Berichte zu verbessern und die Ladegeschwindigkeit f\u00fcr Ihre Endbenutzer zu senken. M\u00f6glicherweise haben Sie die Warnungen zu Schriftarten und insbesondere zu dem sogenannten \u201eFOUT\u201c (Flash of unerw\u00fcnschtem Text) im Google Lighthouse-Bericht gesehen und sind sich nicht sicher, wie Sie diese beheben k\u00f6nnen. Nachfolgend finden Sie eine Kurzanleitung zur Verwendung von OMGF und zur Maximierung der Geschwindigkeit beim Laden von Schriftarten auf Ihrer Website.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><a itemprop=\"url\" href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 20px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\" rel=\"noopener\">\n    <span class=\"edgtf-btn-text\">Laden Sie OMGF herunter<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tLaden Sie OMGF herunter\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a><\/div><\/div><\/div><\/div>        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1627992064972 vc_row-has-fill vc_row-o-equal-height vc_row-o-content-top vc_row-flex edgtf-content-aligment-center\" style=\"background-color:#1d1d1d\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1607025584136\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641281859079\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h3big\" style=\"text-align: center; color: #ffffff;\">Benutzen <span style=\"color: #ffcc00;\">OMGF<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1607089052277 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-0 vc_col-md-6 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_col-xs-12 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644186812860\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1645182259264\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Schneller <span style=\"color: #fc0;\">Schriftart<\/span> Laden mit OMGF<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Mit OMGF<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">OMGF ist wirklich einfach zu bedienen. Wenn Sie sich das Video ansehen, k\u00f6nnen Sie sehen, dass der Vorgang h\u00f6chstens ein bis zwei Minuten dauert. Beachten Sie, dass dieses Plugin nur f\u00fcr Google Fonts und nicht f\u00fcr andere Typekit- oder Adobe-Schriftarten geeignet ist. Da jedoch die meisten kommerziellen Themes Google Fonts verwenden, sollte dies das einzige Plugin sein, das Sie ben\u00f6tigen.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Na und <span style=\"color: #fc0;\">Tue ich das<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Nachdem Sie das Plugin installiert haben, gehen Sie zu Einstellungen \/ <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/web-design\/vermeiden-sie-eine-ubermasige-optimierung-von-bildern-fur-wordpress\/\">Optimieren<\/a> Google-Schriftarten. Dann klicken Sie buchst\u00e4blich auf \u201eAutomatische Erkennung\u201c, um eine Liste der Google-Schriftarten anzuzeigen, die von Ihrer Website verwendet werden. Wenn Sie die Standardeinstellungen beibehalten m\u00f6chten, klicken Sie einfach auf \u201eSpeichern\u201c und fertig \u2013 die Schriftarten werden heruntergeladen und eine neue CSS-Datei zur Verwendung der Google Fonts erstellt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wenn Sie verwenden <strong><a href=\"https:\/\/yorkshiredesign.co.uk\/de\/pagespeed-leitfaden\/asset-cleanup-profi\/\">Asset Cleanup Pro<\/a><\/strong>, gehen Sie dorthin und zu Einstellungen \/ Google Fonts. Klicken Sie auf die Registerkarte \u201eErweitert\u201c und klicken Sie auf den Schalter, um \u201eAlle entfernen\u201c zu aktivieren. Dadurch werden alle externen Aufrufe an Google bei der Verwendung von Schriftarten gestoppt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">In seltenen F\u00e4llen kann dies dennoch dazu f\u00fchren, dass Schriftarten besch\u00e4digt werden. Dies ist der Fall, wenn ein Theme-Header speziell eine Schriftart verwendet und diese nicht \u00fcberschrieben werden kann. In diesem Fall m\u00fcssen Sie m\u00f6glicherweise die Header-Datei Ihrer Designvorlage bearbeiten, dies ist jedoch nicht so h\u00e4ufig.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Wie w\u00e4re es mit <span style=\"color: #fc0;\">Vorladen<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Beim Vorladen werden vorrangige Schriftarten geladen, die oberhalb des Falzes verwendet werden. Dies ist im Allgemeinen Ihre Men\u00fcschriftart und Ihr Absatztext. Es kommt selten vor, dass Sie kursive oder spezielle Schriftarten vorab laden m\u00fcssen, es sei denn, Sie verwenden sie in Schiebereglern oder Hero-Grafiken oben auf der Seite. Aktivieren Sie f\u00fcr Ihre Priorit\u00e4tsschriftarten einfach die Option \u201eVorladen\u201c, bevor Sie sie speichern.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wenn Sie sich \u00fcber Ihre bevorzugten Schriftarten nicht sicher sind, kreuzen Sie alle an. Leeren Sie anschlie\u00dfend Ihren Cache und laden Sie die Seite in Google Chrome neu. Klicken Sie mit der rechten Maustaste und dann auf \u201eInspizieren\u201c. Wenn eine neue Warnung angezeigt wird (gelbes Feld mit einem Ausrufezeichen), klicken Sie darauf. Achten Sie auf eine Warnung, die besagt, dass Sie eine Schriftart vorab laden, die Sie nicht ben\u00f6tigen. Notieren Sie sich die Schriftart und die Schriftst\u00e4rke. Gehen Sie dann zur\u00fcck in die Plugin-Einstellungen und deaktivieren Sie das Vorladen f\u00fcr diese Schriftart \u2013 und das war\u2019s!<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Das Vorladen von Schriftarten kann auch \u201eFOUT\u201c-Probleme l\u00f6sen. Ein Top-Tipp ist, immer \u201efont-display: swap\u201c zu verwenden, wenn Sie die Einstellungen haben (dies ist eine Option in Asset Cleanup Pro). Dann ist das Aufblitzen von Text, wenn Ihre Website von Systemschriftarten zu stilisierten Schriftarten wechselt, nicht wahrnehmbar und erzielt bei Google Lighthouse viel bessere Ergebnisse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_hidden-md vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1645182264915\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644186824042\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 35px;\">OMGF \u2013 Sehen Sie sich das Video an<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_video_widget wpb_content_element vc_clearfix   vc_custom_1641282833852 vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"wpb_video_wrapper\"><iframe loading=\"lazy\" title=\"OMGF Host Google Fonts lokal Tutorial 2020 \u2013 So richten Sie das OMGF WordPress Plugin 2020 ein und konfigurieren es\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/UqXLMCg_K_g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641282880807\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Danke an Scott From <a href=\"https:\/\/www.youtube.com\/c\/SERTMedia\/videos\" target=\"_blank\" rel=\"noopener\"><strong>Zertifikatsmedien<\/strong><\/a>\u00a0F\u00fcr das Video<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Was passiert, wenn Schriftarten nicht erkannt werden?<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify;\">OMGF ist mit fast allen WordPress-Websites kompatibel \u2013 einige Installationen k\u00f6nnen jedoch problematisch sein. Sollten die Schriftarten bei der Analyse zun\u00e4chst nicht aufgelistet werden, \u00f6ffnen Sie Ihre Website einfach in einem anderen Tab. Gehen Sie dann zur\u00fcck zum Plugin und klicken Sie erneut auf \u201eAnalysieren\u201c. Diesmal sollte eine Liste der Schriftarten erscheinen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1728979280353\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6482022064054003\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Font Loading -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:600px;height:450px\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"1982277226\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1704298563115\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicbig\" style=\"text-align: center; margin-bottom: 20px;\">Bereit fortzufahren?<\/p>\n<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">Schritt 8: Zeit zum Fliegen<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Beschleunigen Sie Google Analytics<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><a itemprop=\"url\" href=\"\/de\/pagespeed-leitfaden\/fluganalytik\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0px 40px 0px\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Fliegende Analytik<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tFliegende Analytik\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper edgtf-content-aligment-center\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1744910046360 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-offset-0 vc_col-lg-12 vc_hidden-lg vc_col-md-offset-0 vc_col-md-12 vc_col-sm-offset-0 vc_col-xs-12 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644186833055\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641283003026\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Schneller <span style=\"color: #fc0;\">Schriftart<\/span> Laden mit OMGF<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Mit OMGF<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">OMGF ist wirklich einfach zu bedienen. Wenn Sie sich das Video ansehen, k\u00f6nnen Sie sehen, dass der Vorgang h\u00f6chstens ein bis zwei Minuten dauert. Beachten Sie, dass dieses Plugin nur f\u00fcr Google Fonts und nicht f\u00fcr andere Typekit- oder Adobe-Schriftarten geeignet ist. Da jedoch die meisten kommerziellen Themes Google Fonts verwenden, sollte dies das einzige Plugin sein, das Sie ben\u00f6tigen.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Na und <span style=\"color: #fc0;\">Tue ich das<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Nachdem Sie es getan haben <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/pagespeed-leitfaden\/plugins-installieren\/\">habe das Plugin installiert<\/a>, gehen Sie zu Einstellungen \/ Google Fonts optimieren. Dann klicken Sie buchst\u00e4blich auf \u201eAutomatische Erkennung\u201c, um eine Liste der Google-Schriftarten anzuzeigen, die von Ihrer Website verwendet werden. Wenn Sie die Standardeinstellungen beibehalten m\u00f6chten, klicken Sie einfach auf \u201eSpeichern\u201c und fertig \u2013 die Schriftarten werden heruntergeladen und eine neue CSS-Datei zur Verwendung der Google Fonts erstellt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wenn Sie verwenden <strong>Asset Cleanup Pro<\/strong>, gehen Sie dorthin und zu Einstellungen \/ Google Fonts. Klicken Sie auf die Registerkarte \u201eErweitert\u201c und klicken Sie auf den Schalter, um \u201eAlle entfernen\u201c zu aktivieren. Dadurch werden alle externen Aufrufe an Google bei der Verwendung von Schriftarten gestoppt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">In seltenen F\u00e4llen kann dies dennoch dazu f\u00fchren, dass Schriftarten besch\u00e4digt werden. Dies ist der Fall, wenn ein Theme-Header speziell eine Schriftart verwendet und diese nicht \u00fcberschrieben werden kann. In diesem Fall m\u00fcssen Sie m\u00f6glicherweise die Header-Datei Ihrer Designvorlage bearbeiten, dies ist jedoch nicht so h\u00e4ufig.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Wie w\u00e4re es mit <span style=\"color: #fc0;\">Vorladen<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Beim Vorladen werden vorrangige Schriftarten geladen, die oberhalb des Falzes verwendet werden. Dies ist im Allgemeinen Ihre Men\u00fcschriftart und Ihr Absatztext. Es kommt selten vor, dass Sie kursive oder spezielle Schriftarten vorab laden m\u00fcssen, es sei denn, Sie verwenden sie in Schiebereglern oder Hero-Grafiken oben auf der Seite. Aktivieren Sie f\u00fcr Ihre Priorit\u00e4tsschriftarten einfach die Option \u201eVorladen\u201c, bevor Sie sie speichern.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wenn Sie sich \u00fcber Ihre bevorzugten Schriftarten nicht sicher sind, kreuzen Sie alle an. Leeren Sie anschlie\u00dfend Ihren Cache und laden Sie die Seite in Google Chrome neu. Klicken Sie mit der rechten Maustaste und dann auf \u201eInspizieren\u201c. Wenn eine neue Warnung angezeigt wird (gelbes Feld mit einem Ausrufezeichen), klicken Sie darauf. Achten Sie auf eine Warnung, die besagt, dass Sie eine Schriftart vorab laden, die Sie nicht ben\u00f6tigen. Notieren Sie sich die Schriftart und die Schriftst\u00e4rke. Gehen Sie dann zur\u00fcck in die Plugin-Einstellungen und deaktivieren Sie das Vorladen f\u00fcr diese Schriftart \u2013 und das war\u2019s!<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Das Vorladen von Schriftarten kann auch \u201eFOUT\u201c-Probleme l\u00f6sen. Ein Top-Tipp ist, immer \u201efont-display: swap\u201c zu verwenden, wenn Sie die Einstellungen haben (dies ist eine Option in Asset Cleanup Pro). Dann ist das Aufblitzen von Text, wenn Ihre Website von Systemschriftarten zu stilisierten Schriftarten wechselt, nicht wahrnehmbar und erzielt bei Google Lighthouse viel bessere Ergebnisse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644186840375\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644186845271\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 35px;\">OMGF \u2013 Sehen Sie sich das Video an<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_video_widget wpb_content_element vc_clearfix   vc_custom_1641282833852 vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"wpb_video_wrapper\"><iframe loading=\"lazy\" title=\"OMGF Host Google Fonts lokal Tutorial 2020 \u2013 So richten Sie das OMGF WordPress Plugin 2020 ein und konfigurieren es\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/UqXLMCg_K_g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641282880807\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Danke an Scott From <a href=\"https:\/\/www.youtube.com\/c\/SERTMedia\/videos\" target=\"_blank\" rel=\"noopener\"><strong>Zertifikatsmedien<\/strong><\/a>\u00a0F\u00fcr das Video<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Was passiert, wenn Schriftarten nicht erkannt werden?<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify;\">OMGF ist mit fast allen WordPress-Websites kompatibel \u2013 einige Installationen k\u00f6nnen jedoch problematisch sein. Sollten die Schriftarten bei der Analyse zun\u00e4chst nicht aufgelistet werden, \u00f6ffnen Sie Ihre Website einfach in einem anderen Tab. Gehen Sie dann zur\u00fcck zum Plugin und klicken Sie erneut auf \u201eAnalysieren\u201c. Diesmal sollte eine Liste der Schriftarten erscheinen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1728979289975\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6482022064054003\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Font Loading -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:600px;height:450px\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"1982277226\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641322848838\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicbig\" style=\"text-align: center; margin-bottom: 40px;\">Bereit fortzufahren?<\/p>\n<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">Schritt 8: Zeit zum Fliegen<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Beschleunigen Sie Google Analytics<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><a itemprop=\"url\" href=\"\/de\/pagespeed-leitfaden\/fluganalytik\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0px 40px 0px\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Fliegende Analytik<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tFliegende Analytik\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 60px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1744910054506 vc_row-has-fill edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-offset-0 vc_col-lg-12 vc_hidden-lg vc_col-md-offset-0 vc_col-md-12 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_col-xs-12\"><div class=\"vc_column-inner vc_custom_1644069739237\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641282963280\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Schneller <span style=\"color: #fc0;\">Schriftart<\/span> Wird geladen<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Mit OMGF<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">OMGF ist wirklich einfach zu bedienen. Wenn Sie sich das Video ansehen, k\u00f6nnen Sie sehen, dass der Vorgang h\u00f6chstens ein bis zwei Minuten dauert. Beachten Sie, dass dieses Plugin nur f\u00fcr Google Fonts und nicht f\u00fcr andere Typekit- oder Adobe-Schriftarten geeignet ist. Da jedoch die meisten kommerziellen Themes Google Fonts verwenden, sollte dies das einzige Plugin sein, das Sie ben\u00f6tigen.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Na und <span style=\"color: #fc0;\">Tue ich das<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Nachdem Sie das Plugin installiert haben, gehen Sie zu Einstellungen \/ Google Fonts optimieren. Dann klicken Sie buchst\u00e4blich auf \u201eAutomatische Erkennung\u201c, um eine Liste der Google-Schriftarten anzuzeigen, die von Ihrer Website verwendet werden. Wenn Sie die Standardeinstellungen beibehalten m\u00f6chten, klicken Sie einfach auf \u201eSpeichern\u201c und fertig \u2013 die Schriftarten werden heruntergeladen und eine neue CSS-Datei zur Verwendung der Google Fonts erstellt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wenn Sie verwenden <strong>Asset Cleanup Pro<\/strong>, gehen Sie dorthin und zu Einstellungen \/ Google Fonts. Klicken Sie auf die Registerkarte \u201eErweitert\u201c und klicken Sie auf den Schalter, um \u201eAlle entfernen\u201c zu aktivieren. Dadurch werden alle externen Aufrufe an Google bei der Verwendung von Schriftarten gestoppt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">In seltenen F\u00e4llen kann dies dennoch dazu f\u00fchren, dass Schriftarten besch\u00e4digt werden. Dies ist der Fall, wenn ein Theme-Header speziell eine Schriftart verwendet und diese nicht \u00fcberschrieben werden kann. In diesem Fall m\u00fcssen Sie m\u00f6glicherweise die Header-Datei Ihrer Designvorlage bearbeiten, dies ist jedoch nicht so h\u00e4ufig.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Wie w\u00e4re es mit <span style=\"color: #fc0;\">Vorladen<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Beim Vorladen werden vorrangige Schriftarten geladen, die oberhalb des Falzes verwendet werden. Dies ist im Allgemeinen Ihre Men\u00fcschriftart und Ihr Absatztext. Es kommt selten vor, dass Sie kursive oder spezielle Schriftarten vorab laden m\u00fcssen, es sei denn, Sie verwenden sie in Schiebereglern oder Hero-Grafiken oben auf der Seite. Aktivieren Sie f\u00fcr Ihre Priorit\u00e4tsschriftarten einfach die Option \u201eVorladen\u201c, bevor Sie sie speichern.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wenn Sie sich \u00fcber Ihre bevorzugten Schriftarten nicht sicher sind, kreuzen Sie alle an. Leeren Sie anschlie\u00dfend Ihren Cache und laden Sie die Seite in Google Chrome neu. Klicken Sie mit der rechten Maustaste und dann auf \u201eInspizieren\u201c. Wenn eine neue Warnung angezeigt wird (gelbes Feld mit einem Ausrufezeichen), klicken Sie darauf. Achten Sie auf eine Warnung, die besagt, dass Sie eine Schriftart vorab laden, die Sie nicht ben\u00f6tigen. Notieren Sie sich die Schriftart und die Schriftst\u00e4rke. Gehen Sie dann zur\u00fcck in die Plugin-Einstellungen und deaktivieren Sie das Vorladen f\u00fcr diese Schriftart \u2013 und das war\u2019s!<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Das Vorladen von Schriftarten kann auch \u201eFOUT\u201c-Probleme l\u00f6sen. Ein Top-Tipp ist, immer \u201efont-display: swap\u201c zu verwenden, wenn Sie die Einstellungen haben (dies ist eine Option in Asset Cleanup Pro). Dann ist das Aufblitzen von Text, wenn Ihre Website von Systemschriftarten zu stilisierten Schriftarten wechselt, nicht wahrnehmbar und erzielt bei Google Lighthouse viel bessere Ergebnisse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1744834332456\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 35px;\">OMGF \u2013 Sehen Sie sich das Video an<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_video_widget wpb_content_element vc_clearfix   vc_custom_1744834338649 vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"wpb_video_wrapper\"><iframe loading=\"lazy\" title=\"OMGF Host Google Fonts lokal Tutorial 2020 \u2013 So richten Sie das OMGF WordPress Plugin 2020 ein und konfigurieren es\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/UqXLMCg_K_g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641282920010\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Danke an Scott From <a href=\"https:\/\/www.youtube.com\/c\/SERTMedia\/videos\" target=\"_blank\" rel=\"noopener\"><strong>Zertifikatsmedien<\/strong><\/a>\u00a0F\u00fcr das Video<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Schrifterkennung<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify;\">OMGF ist mit fast allen WordPress-Websites kompatibel \u2013 einige Installationen k\u00f6nnen jedoch problematisch sein. Sollten die Schriftarten bei der Analyse zun\u00e4chst nicht aufgelistet werden, \u00f6ffnen Sie Ihre Website einfach in einem anderen Tab. Gehen Sie dann zur\u00fcck zum Plugin und klicken Sie erneut auf \u201eAnalysieren\u201c. Diesmal sollte eine Liste der Schriftarten erscheinen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1728979300482\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6482022064054003\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Font Loading -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:600px;height:450px\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"1982277226\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1668531774751\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicbig\" style=\"text-align: center; margin-bottom: 40px;\">Bereit fortzufahren?<\/p>\n<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">Schritt 8: Zeit zum Fliegen<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Beschleunigen Sie Google Analytics<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><a itemprop=\"url\" href=\"\/de\/pagespeed-leitfaden\/fluganalytik\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0px 40px 0px\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Fliegende Analytik<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tFliegende Analytik\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1607092071698 vc_row-has-fill vc_row-o-equal-height vc_row-o-content-top vc_row-flex edgtf-content-aligment-center\" style=\"background-color:#1d1d1d\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 class=\"h3big\" style=\"text-align: center; color: #fff;\">OMGF \u2013 <a href=\"\/de\/pagespeed-leitfaden\/\"><span style=\"color: #ffcc00;\">Pagespeed-Leitfaden<\/span><\/a><\/h4>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>OMGF ist ein Plugin, das alle Google-Schriftarten, die Ihre Website verwendet, direkt auf Ihren Server herunterl\u00e4dt. Dies erspart Ihrer WordPress-Installation das Anfordern von Schriftarten von den Google-Servern, was Zeit und Verbindungen spart.<\/p>","protected":false},"author":1,"featured_media":31578,"parent":23872,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"categories":[2369],"tags":[2375],"class_list":["post-24296","page","type-page","status-publish","has-post-thumbnail","hentry","category-page-speed-guide","tag-omgf"],"_links":{"self":[{"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages\/24296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/comments?post=24296"}],"version-history":[{"count":7,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages\/24296\/revisions"}],"predecessor-version":[{"id":33009,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages\/24296\/revisions\/33009"}],"up":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages\/23872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/media\/31578"}],"wp:attachment":[{"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/media?parent=24296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/categories?post=24296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/tags?post=24296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}