Zum Inhalt springen

10 Ergebnisse für css

FAQ

Wie optimiere die Ladezeit meiner WordPress Webseite?

24. Mai 2024

Die Ladezeit einer Website kann durch sehr viele technische Aspekte beeinflusst werden. Ursachen sind z. B. : – Große Bilder– Doppelte Weiterleitungen– Fehlerhafte/ineffiziente Plugins– (Webserver) Caching– Externe Verlinkungen– OPCache– Server/Datenbanken ist zu langsamSie können Ihre Webseite mit Tools wie https: //gtmetrix. com auf etwaige Optimierungsmöglichkeiten hin prüfen lassen. Wir gehen folgend davon aus, dass Sie WordPress als Webseiten CMS verwenden, die Lösungsmöglichkeiten sind je nach CMS unterschiedlich. Große BilderSollten Sie Meldungen erhalten, dass die Bilder z. B. zu groß sein, sollten Sie diese auf die Größe komprimieren, welche auch auf der Seite eingestellt ist, damit nicht unnötigerweise das gesamte große Bild heruntergeladen wird, wenn lediglich eine kleinere Ansicht davon eingebunden ist. Sie sollten daher die Bilder eventuell mit Plugins wie EWWW Image Optimizer oder wp-smushit optimieren, auch sind dadurch etwaige verlustfreie Komprimierungen möglich. Doppelte WeiterleitungenSie sollten doppelte Weiterleitungen bestmöglich vermeiden, da diese unnötig Zeit kosten, bis dann die eigentliche korrekte Domain aufgerufen wird. Ein fiktionales Beispiel: Man tippt ihredomain. de in der Browserzeile an, dann wird man zu https: //ihredomain. de/ und anschließend https: //www. ihredomain. de/ weitergeleitet. Die schlussendliche HTTPS Weiterleitung ist notwendig, damit die Webseite sicher aufgerufen werden kann, die https: //ihredomain. de/ Weiterleitung in der Mitte ist aber unnötig und verzögert den Aufruf bloß. Die doppelte Weiterleitung sollten Sie also deaktivieren. Diese Möglichkeit finden Sie über das webgo Kundenportal, innerhalb Ihres Vertrags und anschließend in FTP. Bearbeiten Sie da ihredomain. de (in diesem Beispiel) und www. ihredomain. de und stellen die HTTP zu HTTPS Weiterleitung Option auf Nein. Denn die Weiterleitung wird schon über WordPress automatisch gemacht, wenn Sie in den WordPress Einstellungen beim Punkt Allgemein die Domain mit https voran eingetragen haben, ansonsten tragen Sie das so ein. Fehlerhafte/ineffiziente PluginsDeaktivieren Sie am besten mal alle Plugins, indem Sie eine WebFTP oder FTP Verbindung aufbauen. Dann müssten Sie zum WordPress Ordner navigieren, welchen Ihre Webseite nutzt, falls Sie diesen nicht kennen, finden Sie die Angabe links neben der Domain über das webgo Kundenportal, innerhalb Ihres Vertrags und anschließend in FTP. Benennen Sie dann, z.  B. über den WebFTP den Ordner unter /wp-content Namens /plugins auf einen anderen Namen wie /plugins_x um, dann sind die Plugins effektiv deaktiviert. Scannen oder prüfen Sie die Webseite dann erneut, wenn sich die Ladezeit stark verbessert, könnte die Ursache gut ein Plugin sein. Benennen Sie den Ordner dann zurück auf /plugins und öffnen diesen. Deaktivieren Sie dann alle Plugins einzeln, welche Sie als Übeltäter vermuten und scannen dann jeweils die Seite erneut, so sollten Sie herauslösen können, welches Plugin die erhöhte Ladezeit auslöst und es ggfs. deinstallieren. (Webserver) CachingSie können Ihr WordPress Cachen mit unterschiedlichsten Caching Plugins wie z. B. https: //wordpress. org/plugins/cachify/, da müssten Sie darauf achten, bei etwaigen Änderungen von Ihnen den Cache auch zu leeren, damit diese auch auf der Seite erscheinen. Teilweise wird bei einer Seitenanalysen ein schlechter Wert unter dem Punkt "Leverage browser caching" (PageSpeed) oder "Add Expires headers" (YSlow) schlechte Werte angezeigt. Dies kann man um einiges optimieren mit Einträgen in der . htaccess-Datei. Dies ist nur ein kleiner Eintrag und sollte mit weiteren Einträge erweitert werden, je nach dem, was für Dateien Sie tatsächlich verwenden: <IfModule mod_expires. c> ExpiresActive On # Images ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/webp "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 month" ExpiresByType image/x-icon "access plus 1 month" # Video ExpiresByType video/mp4 "access plus 1 month" ExpiresByType video/mpeg "access plus 1 month" # CSS, JavaScriptExpiresbyType text/html "access plus 1 month" ExpiresByType text/css "access plus 1 month" ExpiresByType text/javascript "access plus 1 month" ExpiresByType application/x-javascript "access plus 1 month"ExpiresByType application/xhtml-xml "accesss plus 1 month"ExpiresByType image/svg+xml "access plus 1 month" ExpiresByType image/x-icon "access plus 1 month" </IfModule>Externe VerlinkungenWenn Sie unter https: //gtmetrix. com z. B. geprüft externe Verlinkungen erkennen können wie z. B. Facebook Links oder Google fonts für die Schriftarten, sollten Sie ggfs. versuchen, das Laden externer Ressourcen zu unterbinden oder Ihr WordPress Theme daraufhin prüfen und ggfs. die Schriftarten direkt auf dem Server hochladen, welche von Ihnen verwendet werden. OPCacheDies ist eine Caching Methode für PHP Dateien, was WordPress auf Dateiebene hauptsächlich verwendet. Diese benötigt jedoch auch recht viel Arbeitsspeicher und könnte bei etwaigen anderen Caching Methoden zu Problemen führen, daher sollten Sie testen, ob es tatsächlich etwas bringt. Unter OPCache - Was ist das? finden Sie alle Details zu dessen Aktivierung. Server/Datenbank ist zu langsamSollten Sie bereits alle Optimierungsmöglichkeiten durchgegangen sein, keine Webseitenprogrammierungsseitigen Probleme bestehen und die Leistung immer noch Suboptimal sein, sollten die Webserver Fehler Log im webgo Webspace-Admin unter Apache-Status prüfen, eventuell zeigt diese weitere Fehler an. Mit dem Plugin WP-Optimize können Sie die Datenbank auf etwaige Fehler prüfen und diese dann ggfs. korrigieren lassen. Wenn Sie da z. B. einen Ressourcenmangel wie Arbeitsspeicherfehler feststellen können, finden Sie eine Anleitung zur Erhöhung des memory Limits von WordPress, um dies somit eventuell schon beheben zu können.  Wir hoffen Ihnen konnte dieser Artikel weiterhelfen! Sollte dies nicht der Fall sein, wenden Sie sich gerne an den Supportper Mail, Live-Chat oder Telefon. Mehr Infos und Kontaktdaten unter: www. webgo. de/supportFür Verbesserungen oder Vorschläge von FAQ Themen, schicken Sie uns eine Mail an faq@webgo. de
FAQ

Wie erstelle ich für meine WordPress-Seite eine "Coming Soon"- bzw. eine Wartungsseite?

24. Mai 2024

Wenn Sie statt Ihrer aktuellen Webseite lediglich anzeigen möchten, dass Ihre Webseite im Moment (noch) nicht verfügbar ist oder darüber informieren möchten, ab wann die Webseite online gehen wird, können Sie das in WordPress mit einem kleinen Plugin tun. Sie sparen sich dabei die Mühe, Ihre komplette Seite umzubauen oder manuell in die Programmierung einzugreifen. Plugin „Coming Soon Page & Maintenance Mode“Wir zeigen Ihnen hier, wie man eine solche "Wartungszustand-Seite" mithilfe des Plugins „Coming Soon Page & Maintenance Mode“ einrichtet. Neben diesem Plugin gibt es noch zahlreiche weitere Plugins, die sich auf gleichem Wege installieren lassen. Der Einfachheit halber beschränken wir uns hier auf dieses eine Plugin.  Plugin in WordPress installieren und einstellenWählen Sie hierfür in Ihrem WordPress-Backend den Punkt „Plugins“ und klicken Sie auf die Schaltfläche „Installieren“. Über das Suchfeld können Sie nun „Coming Soon“ eingeben und das Plugin „Coming Soon Page & Maintenance Mode“ wird als eines der ersten Ergebnisse auftauchen. Durch einen Klick auf „Installieren“ und anschließend auf "Aktivieren" ist das Plugin aktiv und bereit. Über „Einstellungen“ und den Unterpunkt „Coming Soon“ können Sie nun Ihre persönliche "Wartungs-Seite" erstellen und anpassen. Nutzen Sie den WordPress-Editor, um die Wartungs- bzw. „Coming Soon“-Seite nach Ihren Vorstellungen zu gestalten. Ändern Sie je nach Bedarf auch den Titel der Webseite, die Farben, den Hintergrund, das Favicon oder die für Suchmaschinen relevanten Meta-Informationen. Über die Reiter „Design“ und „Advanced“ stehen Ihnen weitere Optionen zur Verfügung. Sie können beispielsweise eigene CSS-Klassen einbinden oder Skripte aufrufen. Wartungsseite aktivieren/deaktivierenAktivieren Sie Ihre "Coming-Soon"- bzw. Wartungsseite über die entsprechende Option ("Enable Coming Soon Mode" oder "Enable Maintenance Mode") oder deaktivieren Sie die Seite wieder ("disabled"). Die Änderungen werden wirksam, nachdem Sie die Änderungen mit einem Klick auf "Save All Changes" bestätigen. Bitte beachten Sie, dass Sie mit diesem Plugin lediglich eine solche Seite anlegen können. Sie haben dabei die Wahl, ob Sie die Seite im „Coming Soon“-Modus oder im Wartungsmodus (Maintenance Mode) aktivieren möchten. Der Unterschied: Im „Coming Soon“-Modus wird die Seite von Suchmaschinen gefunden und im Wartungsmodus nicht, sprich Suchmaschinen werden im Wartungsmodus dazu aufgefordert, die Seite nicht zu indexieren. Die Wartungs- bzw. „Coming Soon“-Seite ist außerdem nur für externe (nicht eingeloggte) Webseiten-Besucher sichtbar. Einloggte Benutzer, wie zum Beispiel Sie selbst als Administrator, sehen die Webseite immer so, als wäre der Wartungsmodus nicht aktiviert. Das ermöglicht es Ihnen, an der Seite zu arbeiten, während externe Besucher die Wartungsseite zu sehen bekommen. Wir hoffen Ihnen konnte dieser Artikel weiterhelfen! Sollte dies nicht der Fall sein, wenden Sie sich gerne an den Support per Mail, Live-Chat oder Telefon. Mehr Infos und Kontaktdaten unter: www. webgo. de/supportFür Verbesserungen oder Vorschläge von FAQ Themen schicken Sie uns eine Mail an faq@webgo. de
FAQ

Wie bearbeite ich den Header / „Sticky Header“ ?

24. Mai 2024

Ganz oben befindet sich der sog. Header. Dies ist sozusagen die Kopfzeile der Webseite und bleibt so über die gesamte Webseite bestehen. Hier hat man die Möglichkeit den Inhalt, also sein Logo zu platzieren, Navigationspunkte festzulegen oder Social Media Icons zu setzen oder aber auch das Design zu verändern. Fahren Sie dazu mit der Maus auf den Bereich in Ihrer Kopfzeile und klicken auf den Orange hervorgehobenen Button „Header“ der dann erscheint. Nun öffnet sich ein kleines "Header" Fenster, indem Sie zwischen "Inhalt bearbeiten", "Design bearbeiten" oder für Fortgeschrittene "HTML/CSS bearbeiten" wählen können. Sie haben ebenso die Möglichkeit für bestimmte Geräte den Header auszublenden. Unter „Design bearbeiten“ können Sie das Layout, also die Anordnung der Header-Inhalte, den Stil, also Farbe, Schattierung oder Rahmen verändern. Sie können auch die Kopfzeile (Header) fixieren, um die Navigation auf Ihrer Webseite noch einfacher zu machen. Die Kopfzeile wird dabei beim scrollen verkleinert, aber bleibt trotzdem sichtbar. Sie können sogar die Größe Ihres Logos definieren wie stark oder schwach sich das Logo verkleinern darf oder soll. Sowie zusätzlich den Innenabstand (Padding) ändern.  Um den Header bei Bedarf wieder einzublenden, wählen Sie in Ihrem Webseiten Editor, an der linken Seite das Symbol des durchgestrichenen Auges an. Über dieses Symbol können Sie jederzeit ausgeblendete Elemente, wie z. B. den Header oder den Footer, wieder einblenden.  Wir hoffen Ihnen konnte dieser Artikel weiterhelfen! Sollte dies nicht der Fall sein wenden Sie sich gerne an den Support per Mail, Live-Chat oder Telefon. Mehr Infos und Kontaktdaten unter: www. webgo. de/supportFür Verbesserungen oder Vorschläge von FAQ Themen schicken, Sie uns eine Mail an faq@webgo. de