{"id":23958,"date":"2024-01-07T12:37:16","date_gmt":"2024-01-07T12:37:16","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=23958"},"modified":"2025-04-17T08:10:23","modified_gmt":"2025-04-17T07:10:23","slug":"plugins-installieren","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/de\/pagespeed-leitfaden\/plugins-installieren\/","title":{"rendered":"Plugins installieren"},"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  tabbyup\"   style=\"height: 70px\"><span class=\"vc_empty_space_inner\"><\/span><\/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-lg vc_hidden-md vc_hidden-sm vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1744849341800\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1710162754829 uptab\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 class=\"hblack\" style=\"text-align: center;\">Installieren <span style=\"color: #fc0;\">Plugins<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n<\/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 vc_custom_1648233832119 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_hidden-md vc_hidden-sm vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1708238111390\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1280 edgtf-one-column-alignment-center\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\" style=\"background-color: #efefef\" data-item-class=\"edgtf-eh-custom-1510\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-1510\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1707872132765\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">WordPress <span style=\"color: #fc0;\">Plugins<\/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_1708235896124\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Installing-Plugins.jpg\" alt=\"Installieren eines Plugins f\u00fcr Geschwindigkeit auf Ihrer WordPress-Website.\" title=\"Installieren eines Plugins f\u00fcr Geschwindigkeit auf Ihrer WordPress-Website.\" 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_1708250518650\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Mit den richtigen Plugins haben Sie die Kontrolle \u00fcber Ihre Website<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">Dies sind diejenigen, die Sie verwenden sollten<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"\/de\/produkt\/pagespeed-tuning\/\" target=\"_self\" 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\"  >\n    <span class=\"edgtf-btn-text\">Soll ich es tun?<\/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\tSoll ich es tun?\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><\/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\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1280 edgtf-one-column-alignment-center\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top\"  data-item-class=\"edgtf-eh-custom-2091\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-2091\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644074695735\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Warum verwenden? <span style=\"color: #fc0;\">WordPress<\/span> Plugins?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1675275226025\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Heutzutage sind WordPress-Websites riesig und die Menge an Funktionen macht das Codieren einzelner Dateien f\u00fcr den durchschnittlichen WordPress-Benutzer zu komplex. Plugins bieten Ihnen eine Benutzeroberfl\u00e4che, die Ihnen die visuelle Kontrolle \u00fcber Ihre Website erm\u00f6glicht, ohne sich mit Programmierschwierigkeiten herumschlagen zu m\u00fcssen.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Die Zeiten, in denen die Verwendung vieler Plugins verp\u00f6nt war, sind im Allgemeinen vorbei. Wenn Ihre Website richtig optimiert ist, k\u00f6nnen Sie beliebig viele Plugins verwenden. Die Puristen m\u00f6chten vielleicht mit Rohcode und minimalen Plugins arbeiten, aber aus Gr\u00fcnden der Benutzerfreundlichkeit und Flexibilit\u00e4t kann ich nur empfehlen, diese Plugins zu installieren, um Ihnen die gr\u00f6\u00dftm\u00f6gliche Kontrolle \u00fcber Ihre Website zu geben. W\u00e4hrend Sie einzelne Seiten optimieren, k\u00f6nnen Sie Hunderte kleiner \u00c4nderungen vornehmen. Mit den unten aufgef\u00fchrten Plugins k\u00f6nnen Sie die Kontrolle \u00fcber das Innenleben Ihrer Website \u00fcbernehmen.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Das ist die wahre Bedeutung von Pagespeed. Sie optimieren nicht nur Ihre Homepage. Wenn Sie damit beginnen, optimieren Sie alle Ihre Seiten einzeln. Laden verschiedener Skripte auf verschiedenen Seiten, Optimieren, Testen \u2013 was auch immer, Sie werden es ausprobieren. Pagespeed kann s\u00fcchtig machen!<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Ich werde unten meine empfohlenen Plugins zur Verwendung auflisten. Die Liste ist nicht vollst\u00e4ndig. Sie k\u00f6nnen verschiedene Variationen der Plugin-Typen ausprobieren, z <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener\"><strong>Automatisch optimieren<\/strong><\/a> anstelle von Asset Cleanup Pro. Finden Sie heraus, was f\u00fcr Sie am besten funktioniert. Dieser Leitfaden konzentriert sich jedoch auf die Plugins, die meiner Meinung nach f\u00fcr eine Reihe von Website-Typen und -Stilen am besten geeignet sind und gleichzeitig die gr\u00f6\u00dfte Vielseitigkeit bieten.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n        <\/div>\n    <\/div>\n<\/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_1708238128868\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-one-column  edgtf-responsive-mode-1280 edgtf-one-column-alignment-center\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\"  data-item-class=\"edgtf-eh-custom-7091\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-7091\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1744849666606\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">WordPress <span style=\"color: #fc0;\">Plugins<\/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_1708235896124\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Installing-Plugins.jpg\" alt=\"Installieren eines Plugins f\u00fcr Geschwindigkeit auf Ihrer WordPress-Website.\" title=\"Installieren eines Plugins f\u00fcr Geschwindigkeit auf Ihrer WordPress-Website.\" 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_1708250529657\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Mit den richtigen Plugins haben Sie die Kontrolle \u00fcber Ihre Website<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">Dies sind diejenigen, die Sie verwenden sollten<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"\/de\/produkt\/pagespeed-tuning\/\" target=\"_self\" 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\"  >\n    <span class=\"edgtf-btn-text\">Soll ich es tun?<\/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\tSoll ich es tun?\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\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Warum verwenden? <span style=\"color: #fc0;\">WordPress<\/span> Plugins?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641023005364\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Heutzutage sind WordPress-Websites riesig und die Menge an Funktionen macht das Codieren einzelner Dateien f\u00fcr den durchschnittlichen WordPress-Benutzer zu komplex. Plugins bieten Ihnen eine Benutzeroberfl\u00e4che, die Ihnen die visuelle Kontrolle \u00fcber Ihre Website erm\u00f6glicht, ohne sich mit Programmierschwierigkeiten herumschlagen zu m\u00fcssen.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Die Zeiten, in denen die Verwendung vieler Plugins verp\u00f6nt war, sind im Allgemeinen vorbei. Wenn Ihre Website richtig optimiert ist, k\u00f6nnen Sie beliebig viele Plugins verwenden. Die Puristen m\u00f6chten vielleicht mit Rohcode und minimalen Plugins arbeiten, aber aus Gr\u00fcnden der Benutzerfreundlichkeit und Flexibilit\u00e4t kann ich nur empfehlen, diese Plugins zu installieren, um Ihnen die gr\u00f6\u00dftm\u00f6gliche Kontrolle \u00fcber Ihre Website zu geben. W\u00e4hrend Sie einzelne Seiten optimieren, k\u00f6nnen Sie Hunderte kleiner \u00c4nderungen vornehmen. Mit den unten aufgef\u00fchrten Plugins k\u00f6nnen Sie die Kontrolle \u00fcber das Innenleben Ihrer Website \u00fcbernehmen.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Das ist die wahre Bedeutung von Pagespeed. Sie optimieren nicht nur Ihre Homepage. Wenn Sie damit beginnen, optimieren Sie alle Ihre Seiten einzeln. Laden verschiedener Skripte auf verschiedenen Seiten, Optimieren, Testen \u2013 was auch immer, Sie werden es ausprobieren. Pagespeed kann s\u00fcchtig machen!<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Ich werde unten meine empfohlenen Plugins zur Verwendung auflisten. Die Liste ist nicht vollst\u00e4ndig. Sie k\u00f6nnen verschiedene Variationen der Plugin-Typen ausprobieren, z <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener\"><strong>Automatisch optimieren<\/strong><\/a> anstelle von Asset Cleanup Pro. Finden Sie heraus, was f\u00fcr Sie am besten funktioniert. Dieser Leitfaden konzentriert sich jedoch auf die Plugins, die meiner Meinung nach f\u00fcr eine Reihe von Website-Typen und -Stilen am besten geeignet sind und gleichzeitig die gr\u00f6\u00dfte Vielseitigkeit bieten.<\/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_1744847608874 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_1644064749416\"><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-2008\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-2008\" style=\"padding: 0% 20px 20px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1744849716165\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">WordPress <span style=\"color: #fc0;\">Plugins<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648232999768\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Heutzutage sind WordPress-Websites riesig und die Menge an Funktionen macht das Codieren einzelner Dateien f\u00fcr den durchschnittlichen WordPress-Benutzer zu komplex.<\/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_1708250536106\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Installing-Plugins.jpg\" alt=\"Installieren eines Plugins f\u00fcr Geschwindigkeit auf Ihrer WordPress-Website.\" title=\"Installieren eines Plugins f\u00fcr Geschwindigkeit auf Ihrer WordPress-Website.\" 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_1655200988336\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Plugins bieten Ihnen eine Benutzeroberfl\u00e4che, die Ihnen die visuelle Kontrolle \u00fcber Ihre Website erm\u00f6glicht, ohne sich mit Programmierschwierigkeiten herumschlagen zu m\u00fcssen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648233022473\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Die Zeiten, in denen die Verwendung vieler Plugins verp\u00f6nt war, sind im Allgemeinen vorbei. Wenn Ihre Website richtig optimiert ist, k\u00f6nnen Sie beliebig viele Plugins verwenden.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Die Puristen m\u00f6chten vielleicht mit Rohcode und minimalen Plugins arbeiten, aber aus Gr\u00fcnden der Benutzerfreundlichkeit und Flexibilit\u00e4t kann ich nur empfehlen, diese Plugins zu installieren, um Ihnen die gr\u00f6\u00dftm\u00f6gliche Kontrolle \u00fcber Ihre Website zu geben. W\u00e4hrend Sie einzelne Seiten optimieren, k\u00f6nnen Sie Hunderte kleiner \u00c4nderungen vornehmen. Mit den unten aufgef\u00fchrten Plugins k\u00f6nnen Sie die Kontrolle \u00fcber das Innenleben Ihrer Website \u00fcbernehmen.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Das ist die wahre Bedeutung von Pagespeed. Sie optimieren nicht nur Ihre Homepage. Wenn Sie damit beginnen, optimieren Sie alle Ihre Seiten einzeln. Laden verschiedener Skripte auf verschiedenen Seiten, Optimieren, Testen \u2013 was auch immer, Sie werden es ausprobieren. Pagespeed kann s\u00fcchtig machen!<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Ich werde unten meine empfohlenen Plugins zur Verwendung auflisten. Die Liste ist nicht vollst\u00e4ndig. Sie k\u00f6nnen verschiedene Variationen der Plugin-Typen ausprobieren, z <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener\"><strong>Automatisch optimieren<\/strong><\/a> anstelle von Asset Cleanup Pro. Finden Sie heraus, was f\u00fcr Sie am besten funktioniert. Dieser Leitfaden konzentriert sich jedoch auf die Plugins, die meiner Meinung nach f\u00fcr eine Reihe von Website-Typen und -Stilen am besten geeignet sind und gleichzeitig die gr\u00f6\u00dfte Vielseitigkeit bieten.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n        <\/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_1640882975338\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h3big\" style=\"text-align: center; color: #ffffff;\">Welche <span style=\"color: #ffcc00;\">Plugins<\/span> Soll ich installieren?<\/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-12 vc_col-lg-offset-0 vc_col-lg-12 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_1644186547168\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1645182051549\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Installieren <span style=\"color: #fc0;\">Diese<\/span> Plugins in WordPress<\/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\">Asset Cleanup Pro<\/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;\">Gehen Sie zun\u00e4chst zum <a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Vollst\u00e4ndige kostenpflichtige Version von Asset Cleanup Pro<\/strong><\/a> da es mehr Funktionen bietet, laden Sie niemals eine kostenlose Kopie eines Plugins herunter. Diese k\u00f6nnten b\u00f6sartigen Code enthalten und werden nie aktualisiert, wodurch Sie sehr anf\u00e4llig sind.<!--more--><\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was macht <span style=\"color: #fc0;\">Asset Cleanup Pro<\/span> Tun?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es ist wie ein ganzer Stapel Optimierungs-Plugins in einem. Es bietet au\u00dferdem umfassende Kontrolle \u00fcber jede einzelne Seite Ihrer Website. Sie k\u00f6nnen Skripte bis auf Seitenebene laden\/entladen, nicht verwendete WordPress-Funktionen entladen, Code zur\u00fcckstellen und Ihre Plugins steuern.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Kurz gesagt, es ist das beste Plugin, um die Kontrolle \u00fcber Ihre Website zu erlangen, und das ist es auch <em><u>sehr empfehlenswert<\/u><\/em>. Auf der n\u00e4chsten Seite erkl\u00e4re ich ein wenig, wie man es benutzt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es hat so viele Funktionen, dass es eine eigene Seite braucht!<\/p>\n<p style=\"line-height: 33px; text-align: justify;\"><strong>Sie k\u00f6nnen WP-Rocket zusammen mit Asset Cleanup Pro ausf\u00fchren, wenn Ihr Server nicht \u00fcber ein gutes integriertes Caching-System verf\u00fcgt. Asset Cleanup Pro arbeitet mit seinen Caching-Funktionen zusammen und ist eine gute Erg\u00e4nzung, wenn Sie eine Caching-L\u00f6sung ben\u00f6tigen.<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Stellen Sie sich die Bildkomprimierung vor<\/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;\">Die Optimierung Ihrer Bilder ist entscheidend, um ein gutes Ergebnis zu erzielen <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/seitengeschwindigkeit\/tiefgreifende-vorteile-einer-erhohung-der-seitengeschwindigkeit\/\">Seitenladezeit und Seitengeschwindigkeit<\/a> Punktzahl. Moderne Bilder k\u00f6nnen sehr gro\u00df sein (mehrere MB) und wenn man bedenkt, dass die gesamte Webseite inklusive Code und Bildern etwa 650 KB gro\u00df ist, wird einem klar, wie wichtig es ist, seine Bilder auf Di\u00e4t zu setzen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es gibt mehrere Bildoptimierer im WordPress-Repository, und die meisten davon erf\u00fcllen ihre Aufgabe gut. Es gibt zwei, die ich empfehle. <a href=\"https:\/\/shortpixel.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Kurzes Pixel<\/strong><\/a> Und <a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noopener\"><strong>Stellen Sie sich vor<\/strong><\/a>.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Shortpixel ist gut, da es kostenlos ist (solange es Ihnen nichts ausmacht). <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/web-design\/vermeiden-sie-eine-ubermasige-optimierung-von-bildern-fur-wordpress\/\">Optimierung von 50 Bildern<\/a> nacheinander) und funktioniert sofort. Es ist leicht zu befolgen <a href=\"https:\/\/blog.shortpixel.com\/shortpixel-image-optimization-service-tools\/\" target=\"_blank\" rel=\"noopener\"><strong>Shortpixel-Benutzerhandbuch<\/strong><\/a> auf dieser Seite, wenn Sie es einmal ausprobieren m\u00f6chten.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ich w\u00fcrde jedoch empfehlen, Imagify zu installieren. Der Dienst ist f\u00fcr bis zu 200 Bilder pro Monat kostenlos und kostet bei unbegrenzter Nutzung nur $10\/Monat. Es ist \u201eeinrichten und vergessen\u201c, und Sie k\u00f6nnen Bilder auch mithilfe des neuen WEBP-Formats konvertieren (und bereitstellen), sofern Ihr Server dies unterst\u00fctzt. <a href=\"https:\/\/kinsta.com\/?kaid=SWFJSVQGBIQB\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Kinsta-Hosting<\/strong><\/a> unterst\u00fctzt die WEBP-Bildkomprimierung, falls Sie sich das fragen.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Auch hier werde ich Imagify sp\u00e4ter in der Anleitung eine Seite widmen und w\u00fcrde empfehlen, dieses als Bildoptimierungs-Plugin zu verwenden.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">WP Rocket<\/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;\"><a href=\"\/de\/pagespeed-leitfaden\/wp-rakete\/\"><strong>WP-Rakete<\/strong><\/a> ist in erster Linie ein Caching- und Performance-Plugin, das Ihre Website beschleunigt. Mit $49 pro Jahr ist es eine der teureren L\u00f6sungen, funktioniert aber wirklich gut. Der Grund, warum es so gut ist, ist zweierlei: Es verf\u00fcgt \u00fcber einen wirklich selbsterkl\u00e4renden, einmin\u00fctigen Einrichtungsvorgang und ist schnell.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Hinzu kommt, dass es vollst\u00e4ndig mit Asset Cleanup Pro kompatibel ist und Sie \u00fcber ein Setup verf\u00fcgen, das jeden Aspekt der Optimierung bew\u00e4ltigen kann. Selbst wenn Ihre Website \u00fcber ein Caching-System verf\u00fcgt, verbessert WP-Rocket Ihre Ladezeiten und Ergebnisse.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Caching fungiert als eine Art Speicherbank. Es speichert alle Dateien und Seiten im Server-Cache und stellt diese Seite dann dem n\u00e4chsten Besucher zur Verf\u00fcgung. Dies erspart dem n\u00e4chsten Besucher den erneuten Download der Dateien zum Aufbau der Seite. Dadurch wird verhindert, dass sowohl CSS als auch die JS-Umgebungen bei jedem einzelnen Seitenladevorgang heruntergeladen werden m\u00fcssen, wodurch die Geschwindigkeit erh\u00f6ht wird.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Ein Wort dazu <span style=\"color: #fc0;\">Woocommerce<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Caching eignet sich hervorragend f\u00fcr statische Seiten, auf denen die <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/inhalt\/\">Inhalt<\/a> \u00c4ndert sich nie. Bei dynamischen Websites kann dies jedoch problematisch oder sogar ein Sicherheitsrisiko darstellen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Stellen Sie sich vor, Sie kaufen auf einer Website ein, gehen zu Ihrem Warenkorb und gehen dann zur Kasse. Sie gehen zur Kasse und alles ist in Ordnung. Durch die Zwischenspeicherung werden Ihre Warenkorb- und Checkout-Besuche jedoch der n\u00e4chsten Person angezeigt, die zu ihrem Warenkorb geht, da dieser sich an Ihren letzten Besuch erinnert. Das bedeutet, dass Sie Ihren Warenkorb und Ihre Checkout-Seite niemals zwischenspeichern sollten. Schlie\u00dfen Sie diese Seiten immer von Optimierungen aus. Da es sich nicht um Landingpages handelt, haben sie keinen Einfluss auf Ihre SEO.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Du kannst <a href=\"https:\/\/shareasale.com\/r.cfm?b=1075949&amp;u=2234888&amp;m=74778&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Laden Sie WP-Rocket herunter<\/strong><\/a> Hier.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Plugin-Organizer und HTML-Snippets<\/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;\"><a href=\"https:\/\/wordpress.org\/plugins\/plugin-organizer\/\" target=\"_blank\" rel=\"noopener\"><strong>Plugin-Organizer<\/strong><\/a> ist ein Oldie, aber ein Goldie. Wie es funktioniert, zeige ich Ihnen auf den folgenden Seiten noch einmal.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Damit k\u00f6nnen Sie das Laden von Plugins nach Ger\u00e4t deaktivieren. Angenommen, Sie m\u00f6chten ein JS-lastiges Plugin (wie Slider Revolution) nur auf dem Desktop laden, aber sicherstellen, dass keine Skripte auf Mobilger\u00e4ten geladen werden, um Seitengewicht zu sparen. Dann ist dies das richtige Plugin f\u00fcr Sie.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Sie k\u00f6nnen dies auch mit einem anderen kleinen Plugin namens kombinieren<strong> <a href=\"https:\/\/wordpress.org\/plugins\/insert-html-snippet\/\" target=\"_blank\" rel=\"noopener\">HTML-Snippets<\/a><\/strong>. Was Sie tun, ist, umfangreichen Code, JS oder Videos in ein Snippet einzuf\u00fcgen und das Snippet dann in den Webseiten-Builder selbst und nicht in den Originalcode einzuf\u00fcgen. Anschlie\u00dfend deaktivieren Sie das Laden des HTML-Snippets auf Mobilger\u00e4ten. Dies wird im Folgenden ausf\u00fchrlich erl\u00e4utert <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/pagespeed-leitfaden\/plugin-organizer\/\">Plugin-Organizer<\/a> Seite, aber es ist ein Game-Changer f\u00fcr das Webdesign.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">OMGF \u2013 Schriftartenoptimierer<\/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;\">Die Schriftarten sind \u00fcberraschend gro\u00df. Jede Schriftartdatei kann bis zu 200 KB gro\u00df sein. Daher m\u00f6chten Sie so wenig davon wie m\u00f6glich verwenden und sie auf Ihren Server herunterladen, damit sie vom Browser zur sofortigen Anzeige vorab abgerufen werden k\u00f6nnen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es gibt nicht nur Schriftstile, sondern auch Schriftst\u00e4rken. Die meisten von uns verwenden Google-Schriftarten. Unterschiedliche Schriftst\u00e4rken (Dicken) k\u00f6nnen dazu f\u00fchren, dass zus\u00e4tzliche Dateien heruntergeladen werden. Jede Datei, die ein Theme herunterl\u00e4dt, f\u00fchrt zu einem Aufruf an die Google-Font-Server. Das m\u00f6chten Sie eigentlich nicht, da es sich um eine externe Verbindung handelt, die der Browser herunterladen muss, bevor er auf die Seite angewendet wird.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was macht <span style=\"color: #fc0;\">OMGF<\/span> Tun?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Mit ein paar Klicks <a href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" rel=\"noopener\"><strong>OMGF<\/strong><\/a> analysiert Ihre gesamte Website und l\u00e4dt Ihre Schriftarten auf Ihren Server herunter. Es ist unglaublich einfach und es funktioniert. Ich werde der Einrichtung von OMGF sp\u00e4ter in der Anleitung noch einmal eine Seite widmen, aber laden Sie es jetzt herunter und installieren Sie es. Es ist kostenlos.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong>Ein kurzer Tipp zu Schriftarten<\/strong><\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Verwenden Sie immer &#039;<strong>Schriftartenanzeige: swap<\/strong>&#039;, wenn Sie gefragt werden, wie Sie Ihre Schriftarten anzeigen m\u00f6chten. Dadurch werden kurz die Standard-Systemschriftarten angezeigt, ohne dass die stilisierten Schriftarten aus Ihrem Design heruntergeladen werden m\u00fcssen. Google gef\u00e4llt das und es wird die Ladezeiten Ihrer Seite erheblich verbessern.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Fliegende Skripte<\/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;\">Flying Scripts ist eigentlich der Name eines Entwicklers, der tolle Speed-Plugins f\u00fcr WordPress entwickelt. Es m\u00fcssen zwei einfache Plugins installiert werden. Die Gesamteinrichtungszeit f\u00fcr die beiden Plugins zusammen betr\u00e4gt weniger als 2 Minuten und es handelt sich bei beiden um kostenlose Plugins.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was sind <span style=\"color: #fc0;\">Diese<\/span> Plugins?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Der erste ist <a href=\"https:\/\/wordpress.org\/plugins\/flying-analytics\/\" target=\"_blank\" rel=\"noopener\"><strong>Fliegende Analytik<\/strong><\/a>. Dadurch wird das Google Analytics-Skript auf Ihren Server heruntergeladen, sodass Sie bei der Verwendung von Analytics oder Tag Manager keine langsamen JS-Aufrufe an Google t\u00e4tigen. Ich werde auf der Seite \u201eFlying Scripts\u201c n\u00e4her darauf eingehen, aber die Verwendung von Google-Trackern schadet Ihrer Seitengeschwindigkeit wirklich.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Also machen Sie weiter und installieren Sie das. Die einzige Einrichtung, die Sie nach der Aktivierung vornehmen m\u00fcssen, ist die Eingabe Ihres Analytics-\/Google-Tag-Tracking-Codes. Ich w\u00fcrde empfehlen, es auf minimales Tracking einzustellen, um Code zu sparen. Es ist alles, was Sie jemals brauchen werden. Und das ist es!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was ist mit <span style=\"color: #fc0;\">Zweite<\/span> Plugin?<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Es hei\u00dft <a href=\"https:\/\/wordpress.org\/plugins\/flying-pages\/\" target=\"_blank\" rel=\"noopener\"><strong>Fliegende Seiten<\/strong><\/a> \u2013 und das ist noch einfacher einzurichten. Einfach installieren und aktivieren, fertig. Das Einzige, was ich empfehlen w\u00fcrde, ist, es so einzustellen, dass es nur bei Mouseover vorgeladen wird. Dies liegt daran, dass das Vorladen jeder Seite \u00fcber die Links die Geschwindigkeit verlangsamen kann <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/seitengeschwindigkeit\/enthullung-der-enigma-google-und-pagespeed-scores\/\">Pagespeed-Score<\/a> leicht gesunken, obwohl die Ladezeit f\u00fcr den Endbenutzer schneller ist. Das Vorladen von Seiten beim Mouseover wird nur aktiviert, wenn der Benutzer mit der Maus \u00fcber den Link f\u00e4hrt. Dies reduziert zwar immer noch die Seitenladezeit f\u00fcr den Endbenutzer, l\u00f6st aber das Pagespeed-Problem.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Rapidload CSS Purifier (optional)<\/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;\">Am meisten <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/blog\/web-design\/enthullung-der-besten-wordpress-themes\/\">WordPress-Websites verwenden Themes<\/a>. Themes sind gro\u00dfartig, abgesehen von einer Sache: Sie sind mit einer Menge Bl\u00e4hungen verbunden.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was ist <span style=\"color: #fc0;\">Aufbl\u00e4hen<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Beim Aufbl\u00e4hen wird auf Ihrer Seite zus\u00e4tzlicher Code ausgef\u00fchrt, der nicht ben\u00f6tigt wird. Die h\u00e4ufigsten Formen von Bloat sind Javascript und CSS.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Stellen Sie sich nun die Zeit vor, als Sie Ihr Theme gekauft haben. Sie haben es wahrscheinlich gekauft, weil es gro\u00dfartig aussah, viele Funktionen hatte und viele wirklich coole Sachen machte. Die Sache ist die: Nachdem Sie Ihre Seitenvorlagen erstellt haben, nutzen Sie wahrscheinlich nicht ann\u00e4hernd das gesamte Repertoire an Optionen des Themas. Hier kommt das Aufbl\u00e4hen ins Spiel. Es handelt sich um Code, den Sie weder auf Seiten verwenden, noch ist er f\u00fcr Sie von Nutzen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">All diese Grafiken, CSS-Effekte und JS-Optionen haben ihren Preis. Sie befinden sich in den CSS-\/JS-Dateien und werden auf die Seite geladen, unabh\u00e4ngig davon, ob Sie sie verwenden oder nicht. Wenn Sie bedenken, dass Sie wahrscheinlich nicht 70-80% des CSS im Theme verwenden, kann die Menge ungenutzter Daten, die in den Browser geladen werden, riesig sein. Hier kommt die Reinigung von CSS\/JS ins Spiel. Wir schreiben die Dateien nur mit dem Code um, den Sie ben\u00f6tigen, und das f\u00fchrt zu massiven Dateneinsparungen.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Wie funktioniert <span style=\"color: #fc0;\">Schnellladen<\/span> Helfen?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Auch hier wird es eine eigene Seite geben, aber im Wesentlichen <a href=\"https:\/\/rapidload.io\/?ref=simon_parker\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Schnellladen<\/strong><\/a> schreibt Ihr CSS neu, sodass nur noch sehr wenig Bloatware auf Ihren Seiten vorhanden ist. Dies geschieht auch Seite f\u00fcr Seite, falls Sie unterschiedliche Layouts auf verschiedenen Seiten verwenden. Es ist v\u00f6llig fix und fertig und kann riesige Datenmengen einsparen \u2013 bis zu 901 TP3T Ihres gesamten CSS-Gewichts, das auf themenbezogenen Websites 1 MB oder mehr ausmacht.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">F\u00fcr Puristen gibt es eine kostenlose M\u00f6glichkeit dazu <a href=\"https:\/\/purifycss.online\/\" target=\"_blank\" rel=\"noopener\"><strong>PurifyCSS-Website<\/strong><\/a>. Sie k\u00f6nnen hier lesen, wie Sie Ihr CSS bereinigen <a href=\"https:\/\/www.webperftools.com\/blog\/how-to-remove-unused-css-in-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>CSS-Blogseite<\/strong><\/a>. Man nennt es Code-Splitting und es kann sehr m\u00fchsam werden, besonders wenn Sie viele Seiten haben und Rapidload einfach alles f\u00fcr Sie erledigt.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Alles installiert?<\/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;\">Das sind die einzigen Plugins, die Sie im Moment wirklich installieren m\u00fcssen. Es gibt Ihnen die Werkzeuge an die Hand, mit denen Sie Ihre Website richtig optimieren k\u00f6nnen, ohne sie zu \u00fcberlasten. W\u00e4hrend mit meinem <a href=\"\/de\/produkt\/pagespeed-tuning\/\"><strong>Pagespeed-Dienst<\/strong><\/a> Sie werden viel mehr manuelle Feinabstimmungen durchf\u00fchren m\u00fcssen. Die Teile, die Sie durch diesen Leitfaden f\u00fchren, werden daf\u00fcr sorgen, dass Ihre Website erfolgreich ist <a href=\"https:\/\/pagespeed.web.dev\" target=\"_blank\" rel=\"noopener\"><strong>Die wichtigsten Web-Vitals von Google<\/strong><\/a> und erh\u00f6hen Sie Ihre Ranking-Positionen.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Aber wie <span style=\"color: #fc0;\">Benutze ich<\/span> Ihnen?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wir gehen nun n\u00e4her darauf ein, was die einzelnen Plugins f\u00fcr Ihre Website tun und wie Sie die Geschwindigkeit steigern k\u00f6nnen. Sie werden sehen, dass diese Plugins aufgrund ihrer Flexibilit\u00e4t ausgew\u00e4hlt wurden.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Sie erm\u00f6glichen Ihnen, alles zu tun, wor\u00fcber Sie gelesen haben, vom Aufschieben von JS bis zum Vorladen des CSS.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div><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-6 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1648287153651\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\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<!-- Install Plugins -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:600px;height:450px\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"4257086770\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1704296820658\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1704296886952\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 40px;\">Plugins installieren \u2013 Fertig!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1704296897751\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">Schritt 3: Plugin-Setup<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center;\">Beginnen wir mit der Optimierung!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"\/de\/pagespeed-leitfaden\/asset-cleanup-profi\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 0px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Asset Cleanup Pro<\/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\tAsset Cleanup Pro\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 vc_custom_1744847632543 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_1644189677603\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640883043185\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\"><span style=\"color: #fc0;\">Installieren Sie diese<\/span> Plugins<\/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\">Asset Cleanup Pro<\/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;\">Gehen Sie zun\u00e4chst zum <a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener\"><strong>Vollst\u00e4ndige kostenpflichtige Version von Asset Cleanup Pro<\/strong><\/a> da es mehr Funktionen bietet, laden Sie niemals eine kostenlose Kopie eines Plugins herunter. Diese k\u00f6nnten b\u00f6sartigen Code enthalten und werden nie aktualisiert, wodurch Sie sehr anf\u00e4llig sind.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was macht <span style=\"color: #fc0;\">Asset Cleanup Pro<\/span> Tun?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es ist wie ein ganzer Stapel Optimierungs-Plugins in einem. Es bietet au\u00dferdem umfassende Kontrolle \u00fcber jede einzelne Seite Ihrer Website. Sie k\u00f6nnen Skripte bis auf Seitenebene laden\/entladen, nicht verwendete WordPress-Funktionen entladen, Code zur\u00fcckstellen und Ihre Plugins steuern.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Kurz gesagt, es ist das beste Plugin, um die Kontrolle \u00fcber Ihre Website zu erlangen, und das ist es auch <em><u>sehr empfehlenswert<\/u><\/em>. Auf der n\u00e4chsten Seite erkl\u00e4re ich ein wenig, wie man es benutzt.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es hat so viele Funktionen, dass es eine eigene Seite braucht!<\/p>\n<p style=\"line-height: 33px; text-align: justify;\"><strong>Sie k\u00f6nnen WP-Rocket zusammen mit Asset Cleanup Pro ausf\u00fchren, wenn Ihr Server nicht \u00fcber ein gutes integriertes Caching-System verf\u00fcgt. Asset Cleanup Pro arbeitet mit seinen Caching-Funktionen zusammen und ist eine gute Erg\u00e4nzung, wenn Sie eine Caching-L\u00f6sung ben\u00f6tigen.<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Stellen Sie sich vor<\/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;\">Die Optimierung Ihrer Bilder ist entscheidend, um eine gute Seitenladezeit und einen guten Pagespeed-Score zu erzielen. Moderne Bilder k\u00f6nnen sehr gro\u00df sein (mehrere MB) und wenn man bedenkt, dass die gesamte Webseite inklusive Code und Bildern etwa 650 KB gro\u00df ist, wird einem klar, wie wichtig es ist, seine Bilder auf Di\u00e4t zu setzen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es gibt mehrere Bildoptimierer im WordPress-Repository, und die meisten davon erf\u00fcllen ihre Aufgabe gut. Es gibt zwei, die ich empfehle. <a href=\"https:\/\/shortpixel.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Kurzes Pixel<\/strong><\/a> Und <a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noopener\"><strong>Stellen Sie sich vor<\/strong><\/a>.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Shortpixel ist gut, da es kostenlos ist (solange es Ihnen nichts ausmacht, 50 Bilder gleichzeitig zu optimieren) und sofort einsatzbereit ist. Es ist leicht zu befolgen <a href=\"https:\/\/blog.shortpixel.com\/shortpixel-image-optimization-service-tools\/\" target=\"_blank\" rel=\"noopener\"><strong>Shortpixel-Benutzerhandbuch<\/strong><\/a> auf dieser Seite, wenn Sie es einmal ausprobieren m\u00f6chten.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ich w\u00fcrde jedoch empfehlen, Imagify zu installieren. Der Dienst ist f\u00fcr bis zu 200 Bilder pro Monat kostenlos und kostet bei unbegrenzter Nutzung nur $10\/Monat. Es ist \u201eeinrichten und vergessen\u201c, und Sie k\u00f6nnen Bilder auch mithilfe des neuen WEBP-Formats konvertieren (und bereitstellen), sofern Ihr Server dies unterst\u00fctzt. <a href=\"https:\/\/kinsta.com\/?kaid=SWFJSVQGBIQB\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Kinsta-Hosting<\/strong><\/a> unterst\u00fctzt die WEBP-Bildkomprimierung, falls Sie sich das fragen.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Auch hier werde ich Imagify sp\u00e4ter in der Anleitung eine Seite widmen und w\u00fcrde empfehlen, dieses als Bildoptimierungs-Plugin zu verwenden.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">WP Rocket<\/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;\"><a href=\"\/de\/pagespeed-leitfaden\/wp-rakete\/\"><strong>WP-Rakete<\/strong><\/a> ist in erster Linie ein Caching- und Performance-Plugin, das Ihre Website beschleunigt. Mit $49 pro Jahr ist es eine der teureren L\u00f6sungen, funktioniert aber wirklich gut. Der Grund, warum es so gut ist, ist zweierlei: Es verf\u00fcgt \u00fcber einen wirklich selbsterkl\u00e4renden, einmin\u00fctigen Einrichtungsvorgang und ist schnell.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Hinzu kommt, dass es vollst\u00e4ndig mit Asset Cleanup Pro kompatibel ist und Sie \u00fcber ein Setup verf\u00fcgen, das jeden Aspekt der Optimierung bew\u00e4ltigen kann. Auch wenn Ihre Website \u00fcber ein Caching-System verf\u00fcgt, <strong>WP-Rakete<\/strong> wird Ihre Ladezeiten und Ergebnisse verbessern.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Caching fungiert als eine Art Speicherbank. Es speichert alle Dateien und Seiten im Server-Cache und stellt diese Seite dann dem n\u00e4chsten Besucher zur Verf\u00fcgung. Dies erspart dem n\u00e4chsten Besucher den erneuten Download der Dateien zum Aufbau der Seite. Dadurch wird verhindert, dass sowohl CSS als auch die JS-Umgebungen bei jedem einzelnen Seitenladevorgang heruntergeladen werden m\u00fcssen, wodurch die Geschwindigkeit erh\u00f6ht wird.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Ein Wort dazu <span style=\"color: #fc0;\">Woocommerce<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Caching eignet sich hervorragend f\u00fcr statische Seiten, deren Inhalt sich nie \u00e4ndert. Bei dynamischen Websites kann dies jedoch problematisch oder sogar ein Sicherheitsrisiko darstellen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Stellen Sie sich vor, Sie kaufen auf einer Website ein, gehen zu Ihrem Warenkorb und gehen dann zur Kasse. Sie gehen zur Kasse und alles ist in Ordnung. Durch die Zwischenspeicherung werden Ihre Warenkorb- und Checkout-Besuche jedoch der n\u00e4chsten Person angezeigt, die zu ihrem Warenkorb geht, da dieser sich an Ihren letzten Besuch erinnert. Das bedeutet, dass Sie Ihren Warenkorb und Ihre Checkout-Seite niemals zwischenspeichern sollten. Schlie\u00dfen Sie diese Seiten immer von Optimierungen aus. Da es sich nicht um Landingpages handelt, haben sie keinen Einfluss auf Ihre SEO.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Du kannst <a href=\"https:\/\/shareasale.com\/r.cfm?b=1075949&amp;u=2234888&amp;m=74778&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Laden Sie WP-Rocket herunter<\/strong><\/a> Hier.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Plugin-Organizer<\/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;\"><a href=\"https:\/\/wordpress.org\/plugins\/plugin-organizer\/\" target=\"_blank\" rel=\"noopener\"><strong>Plugin-Organizer<\/strong><\/a> ist ein Oldie, aber ein Goldie. Wie es funktioniert, zeige ich Ihnen auf den folgenden Seiten noch einmal.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Damit k\u00f6nnen Sie das Laden von Plugins nach Ger\u00e4t deaktivieren. Angenommen, Sie m\u00f6chten ein JS-lastiges Plugin (wie Slider Revolution) nur auf dem Desktop laden, aber sicherstellen, dass keine Skripte auf Mobilger\u00e4ten geladen werden, um Seitengewicht zu sparen. Dann ist dies das richtige Plugin f\u00fcr Sie.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Sie k\u00f6nnen dies auch mit einem anderen kleinen Plugin namens kombinieren<strong> <a href=\"https:\/\/wordpress.org\/plugins\/insert-html-snippet\/\" target=\"_blank\" rel=\"noopener\">HTML-Snippets<\/a><\/strong>. Was Sie tun, ist, umfangreichen Code, JS oder Videos in ein Snippet einzuf\u00fcgen und das Snippet dann in den Webseiten-Builder selbst und nicht in den Originalcode einzuf\u00fcgen. Anschlie\u00dfend deaktivieren Sie das Laden des HTML-Snippets auf Mobilger\u00e4ten. Dies wird auf der Plugin-Organizer-Seite ausf\u00fchrlich erkl\u00e4rt, aber es ver\u00e4ndert das Spiel <a href=\"https:\/\/yorkshiredesign.co.uk\/de\/webdesigner\/\">Web-Design<\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">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;\">Die Schriftarten sind \u00fcberraschend gro\u00df. Jede Schriftartdatei kann bis zu 200 KB gro\u00df sein. Daher m\u00f6chten Sie so wenig davon wie m\u00f6glich verwenden und sie auf Ihren Server herunterladen, damit sie vom Browser zur sofortigen Anzeige vorab abgerufen werden k\u00f6nnen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Es gibt nicht nur Schriftstile, sondern auch Schriftst\u00e4rken. Die meisten von uns verwenden Google-Schriftarten. Unterschiedliche Schriftst\u00e4rken (Dicken) k\u00f6nnen dazu f\u00fchren, dass zus\u00e4tzliche Dateien heruntergeladen werden. Jede Datei, die ein Theme herunterl\u00e4dt, f\u00fchrt zu einem Aufruf an die Google-Font-Server. Das m\u00f6chten Sie eigentlich nicht, da es sich um eine externe Verbindung handelt, die der Browser herunterladen muss, bevor er auf die Seite angewendet wird.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was macht <span style=\"color: #fc0;\">OMGF<\/span> Tun?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Mit ein paar Klicks <a href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" rel=\"noopener\"><strong>OMGF<\/strong><\/a> analysiert Ihre gesamte Website und l\u00e4dt Ihre Schriftarten auf Ihren Server herunter. Es ist unglaublich einfach und es funktioniert. Ich werde der Einrichtung von OMGF sp\u00e4ter in der Anleitung noch einmal eine Seite widmen, aber laden Sie es jetzt herunter und installieren Sie es. Es ist kostenlos.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong>Ein kurzer Tipp zu Schriftarten<\/strong><\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Verwenden Sie immer &#039;<strong>Schriftartenanzeige: swap<\/strong>&#039;, wenn Sie gefragt werden, wie Sie Ihre Schriftarten anzeigen m\u00f6chten. Dadurch werden kurz die Standard-Systemschriftarten angezeigt, ohne dass die stilisierten Schriftarten aus Ihrem Design heruntergeladen werden m\u00fcssen. Google gef\u00e4llt das und es wird die Ladezeiten Ihrer Seite erheblich verbessern.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Fliegende Skripte<\/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;\">Flying Scripts ist eigentlich der Name eines Entwicklers, der tolle Speed-Plugins f\u00fcr WordPress entwickelt. Es m\u00fcssen zwei einfache Plugins installiert werden. Die Gesamteinrichtungszeit f\u00fcr die beiden Plugins zusammen betr\u00e4gt weniger als 2 Minuten und es handelt sich bei beiden um kostenlose Plugins.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was sind <span style=\"color: #fc0;\">Diese<\/span> Plugins?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Der erste ist <a href=\"https:\/\/wordpress.org\/plugins\/flying-analytics\/\" target=\"_blank\" rel=\"noopener\"><strong>Fliegende Analytik<\/strong><\/a>. Dadurch wird das Google Analytics-Skript auf Ihren Server heruntergeladen, sodass Sie bei der Verwendung von Analytics oder Tag Manager keine langsamen JS-Aufrufe an Google t\u00e4tigen. Ich werde auf der Seite \u201eFlying Scripts\u201c n\u00e4her darauf eingehen, aber die Verwendung von Google-Trackern schadet Ihrer Seitengeschwindigkeit wirklich.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Also machen Sie weiter und installieren Sie das. Die einzige Einrichtung, die Sie nach der Aktivierung vornehmen m\u00fcssen, ist die Eingabe Ihres Analytics-\/Google-Tag-Tracking-Codes. Ich w\u00fcrde empfehlen, es auf minimales Tracking einzustellen, um Code zu sparen. Es ist alles, was Sie jemals brauchen werden. Und das ist es!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was ist mit <span style=\"color: #fc0;\">Zweite<\/span> Plugin?<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Es hei\u00dft <a href=\"https:\/\/wordpress.org\/plugins\/flying-pages\/\" target=\"_blank\" rel=\"noopener\"><strong>Fliegende Seiten<\/strong><\/a> \u2013 und das ist noch einfacher einzurichten. Einfach installieren und aktivieren, fertig. Das Einzige, was ich empfehlen w\u00fcrde, ist, es so einzustellen, dass es nur bei Mouseover vorgeladen wird. Dies liegt daran, dass das Vorladen jeder Seite \u00fcber die Links den Pagespeed-Score leicht verlangsamen kann, auch wenn die Ladezeit f\u00fcr den Endbenutzer k\u00fcrzer ist. Das Vorladen von Seiten beim Mouseover wird nur aktiviert, wenn der Benutzer mit der Maus \u00fcber den Link f\u00e4hrt. Dies reduziert zwar immer noch die Seitenladezeit f\u00fcr den Endbenutzer, l\u00f6st aber das Pagespeed-Problem.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Schnellladen<\/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;\">Die meisten WordPress-Websites verwenden Themes. Themes sind gro\u00dfartig, abgesehen von einer Sache: Sie sind mit einer Menge Bl\u00e4hungen verbunden.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Was ist <span style=\"color: #fc0;\">Aufbl\u00e4hen<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Beim Aufbl\u00e4hen wird auf Ihrer Seite zus\u00e4tzlicher Code ausgef\u00fchrt, der nicht ben\u00f6tigt wird. Die h\u00e4ufigsten Formen von Bloat sind Javascript und CSS.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Stellen Sie sich nun die Zeit vor, als Sie Ihr Theme gekauft haben. Sie haben es wahrscheinlich gekauft, weil es gro\u00dfartig aussah, viele Funktionen hatte und viele wirklich coole Sachen machte. Die Sache ist die: Nachdem Sie Ihre Seitenvorlagen erstellt haben, nutzen Sie wahrscheinlich nicht ann\u00e4hernd das gesamte Repertoire an Optionen des Themas. Hier kommt das Aufbl\u00e4hen ins Spiel. Es handelt sich um Code, den Sie weder auf Seiten verwenden, noch ist er f\u00fcr Sie von Nutzen.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">All diese Grafiken, CSS-Effekte und JS-Optionen haben ihren Preis. Sie befinden sich in den CSS-\/JS-Dateien und werden auf die Seite geladen, unabh\u00e4ngig davon, ob Sie sie verwenden oder nicht. Wenn Sie bedenken, dass Sie wahrscheinlich nicht 70-80% des CSS im Theme verwenden, kann die Menge ungenutzter Daten, die in den Browser geladen werden, riesig sein. Hier kommt die Reinigung von CSS\/JS ins Spiel. Wir schreiben die Dateien nur mit dem Code um, den Sie ben\u00f6tigen, und das f\u00fchrt zu massiven Dateneinsparungen.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Wie funktioniert <span style=\"color: #fc0;\">Schnellladen<\/span> Helfen?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Auch hier wird es eine eigene Seite geben, aber im Wesentlichen <a href=\"https:\/\/rapidload.io\/?ref=simon_parker\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Schnellladen<\/strong><\/a> schreibt Ihr CSS neu, sodass sich keine Bloatware auf Ihren Seiten befindet. Dies geschieht auch Seite f\u00fcr Seite, falls Sie unterschiedliche Layouts auf verschiedenen Seiten verwenden. Es ist v\u00f6llig fix und fertig und kann riesige Datenmengen einsparen \u2013 bis zu 901 TP3T Ihres gesamten CSS-Gewichts, das auf themenbezogenen Websites 1 MB oder mehr ausmacht.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">F\u00fcr Puristen gibt es eine kostenlose M\u00f6glichkeit dazu <a href=\"https:\/\/purifycss.online\/\" target=\"_blank\" rel=\"noopener\"><strong>PurifyCSS-Website<\/strong><\/a>. Sie k\u00f6nnen hier lesen, wie Sie Ihr CSS bereinigen <a href=\"https:\/\/www.webperftools.com\/blog\/how-to-remove-unused-css-in-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>CSS-Blogseite<\/strong><\/a>. Man nennt es Code-Splitting und es kann sehr m\u00fchsam sein, besonders wenn Sie viele Seiten haben und Rapidload einfach alles f\u00fcr Sie erledigt.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><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\">Ist das alles?<\/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;\">Das sind die einzigen Plugins, die Sie im Moment wirklich installieren m\u00fcssen. Es gibt Ihnen die Werkzeuge an die Hand, mit denen Sie Ihre Website richtig optimieren k\u00f6nnen, ohne sie zu \u00fcberlasten. W\u00e4hrend mit meinem <a href=\"\/de\/produkt\/pagespeed-tuning\/\"><strong>Pagespeed-Dienst<\/strong><\/a> Sie werden viel mehr manuelle Feinabstimmungen durchf\u00fchren m\u00fcssen. Die Teile, die Sie durch diesen Leitfaden f\u00fchren, werden daf\u00fcr sorgen, dass Ihre Website erfolgreich ist <a href=\"https:\/\/pagespeed.web.dev\" target=\"_blank\" rel=\"noopener\"><strong>Die wichtigsten Web-Vitals von Google<\/strong><\/a> und erh\u00f6hen Sie Ihre Ranking-Positionen.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Aber wie <span style=\"color: #fc0;\">Benutze ich<\/span> Ihnen?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Wir gehen nun n\u00e4her darauf ein, was die einzelnen Plugins f\u00fcr Ihre Website tun und wie Sie die Geschwindigkeit steigern k\u00f6nnen. Sie werden sehen, dass diese Plugins aufgrund ihrer Flexibilit\u00e4t ausgew\u00e4hlt wurden.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Sie erm\u00f6glichen Ihnen, alles zu tun, wor\u00fcber Sie gelesen haben, vom Aufschieben von JS bis zum Vorladen des CSS.<\/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_1644186585995\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 40px;\">Plugins installieren \u2013 Fertig!<\/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_1728979033143\" >\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<!-- Install Plugins -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:600px;height:450px\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"4257086770\"><\/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_1641283257549\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">Schritt 3: Plugin-Setup<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Beginnen wir mit der Optimierung!<\/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=\"\/de\/pagespeed-leitfaden\/asset-cleanup-profi\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: -20px 0 40px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Asset Cleanup Pro<\/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\tAsset Cleanup Pro\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 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_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;\">Plugins installieren \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>Heutzutage sind WordPress-Websites riesig und die Menge an Funktionen macht das Codieren einzelner Dateien f\u00fcr den durchschnittlichen WordPress-Benutzer zu komplex. Plugins bieten Ihnen eine Benutzeroberfl\u00e4che, die Ihnen die visuelle Kontrolle \u00fcber Ihre Website erm\u00f6glicht, ohne sich mit Programmierschwierigkeiten herumschlagen zu m\u00fcssen.<\/p>","protected":false},"author":1,"featured_media":31522,"parent":23872,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"categories":[2369],"tags":[2371],"class_list":["post-23958","page","type-page","status-publish","has-post-thumbnail","hentry","category-page-speed-guide","tag-install-plugins"],"_links":{"self":[{"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages\/23958","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=23958"}],"version-history":[{"count":22,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages\/23958\/revisions"}],"predecessor-version":[{"id":32878,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/pages\/23958\/revisions\/32878"}],"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\/31522"}],"wp:attachment":[{"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/media?parent=23958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/categories?post=23958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/de\/wp-json\/wp\/v2\/tags?post=23958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}