Share
Nicht ein typischer Artikel zum Kopieren und Einfügen von Code, sondern meine Erfahrung, wie ich meine WordPress-Site optimieren kann. Um nicht zu sagen, dass dies das Beste ist, aber es sollte funktionieren.
Einige WordPress-Designs oder untergeordnete Designs verwenden den @import-Befehl in der CSS-Datei, um den Stil aus dem übergeordneten Design zu importieren. Während diese Methode die style.css für das untergeordnete Thema leicht und klein macht, wirkt sich dies auf die Ladezeit aus, da der Browser das Stylesheet herunterladen muss. Die Datei wird nicht parallel heruntergeladen, sondern in eine Warteschlange gestellt, was sich auf die Ladezeit auswirkt.
Normalerweise lösche ich den Befehl @import aus meiner CSS-Datei und kopiere einfach die gesamte CSS-Datei, die ursprünglich importiert wurde. Durch Minimieren (mit W3 Total Cache oder Wp-Minify) wird die Größe der CSS-Datei reduziert.
Ein weiterer Trick ist die Verwendung der Etikett. Gemäß den Google Best Practices-Tipps zur Webleistung wird die Mit diesem Tag kann der Browser Dateien parallel herunterladen. Löschen Sie einfach den @import-Befehl in Ihrem Stylesheet und fügen Sie das Stylesheet in folgender Form hinzu:
Entscheiden Sie sich immer für den asynchronen Typ von Ressourcencodes für Ihre Social Buttons und Google Analytics. Ich denke, dass das übliche Material, das wir auf unsere Website stellen (Google Analytics, Facebook Like & Google Plus), diesen Code bereits enthält. Stellen Sie sicher, dass Sie die aktualisierten Ressourcencodes und die asynchronen verwenden.
Meistens wurden die Tutorials, die Sie von einigen anderen Blogs verfolgen, vor Monaten geschrieben und nicht auf die asynchronen Codes aktualisiert. Andere Fälle betrafen Plugins, die Sie verwenden, um soziale Schaltflächen einzufügen. Sie können immer an den Plugin-Entwickler schreiben, damit diese Codes aktualisiert werden.
Müssen Sie commentreply.js auf Ihrer Startseite ausführen, wenn dort keine Kommentarfunktion vorhanden ist? Das ist die allgemeine Idee. Einige in Ihrem Design ausgeführte JavaScript-Funktionen können von der Ausführung auf bestimmten Seiten ausgeschlossen werden, um die Ladezeit Ihrer Website zu verkürzen. Wie machen wir das?
Eine der Lösungen ist die Verwendung des Widget Logic WordPress-Plugins, damit Sie die Widgets bzw. Seiten steuern können, auf denen die Widgets angezeigt werden sollen. Da ich auf meiner Startseite keine sozialen Schaltflächen anzeigen kann, stelle ich das Widget so ein, dass die Skriptressourcen zum Ausführen dieser Schaltflächen nur auf einzelnen Seiten ausgeführt werden.
Sie fragen sich vielleicht, warum ich das Skript nicht direkt in single.php stecke. Der Grund ist, dass seit ich Twenty Eleven mit einem untergeordneten Thema verwende, die Seitenleiste nach dem Hauptinhalt in eine Warteschlange gestellt wird. Theoretisch erscheint der Inhalt daher zuerst (vollständig), bevor diese Schaltflächen erscheinen. Niemand klickt auf die sozialen Schaltflächen, bevor er den Inhalt überhaupt gelesen hat. Es ist also am besten, den Inhalt für Ihre Leser schnell herauszugeben.
Die andere Methode ist die Minify-Funktion in W3 Total Cache. Sie können tatsächlich auswählen, wo diese reduzierten Skripts eingebettet werden sollen (in
, Vor oder danach ), aber dies erfordert viel Versuch und Irrtum von Ihrer Seite. Die Idee ist, Skripte einzubetten, die tatsächlich in Ihrem Designentwurf verwendet werden und der Rest davon vor .Während des Test- und Fehlerprozesses wird Ihre Website häufig als fehlerhaft angezeigt. Machen Sie sich jedoch keine Sorgen, da dies durch Löschen der Cookies und des Cache-Speichers behoben werden kann.
CloudFlare erfreut sich bei WordPress-Anwendern großer Beliebtheit. Der Grund ist einfach, das CDN-Netzwerk funktioniert und es ist kostenlos. Mit zusätzlicher Sicherheit und Schutz vor Spambots ist CloudFlare eine gute Funktion, die Sie Ihrer WordPress-Installation hinzufügen können.
Heutzutage können Sie CloudFlare automatisch in Ihrem cPanel installieren (abhängig davon, ob Ihr Hosting-Unternehmen dies unterstützt oder nicht). Die Installation in cPanel ist noch einfacher als manuell.
Die allgemeine Idee, eine Website schnell zu machen, besteht darin, die zum Laden erforderlichen Elemente und die Größe der Seite zu reduzieren und sich auf Skripts zu konzentrieren, die die Website zuerst aufgebaut haben, als andere Skripts wie Anzeigen, soziale Schaltflächen und Analysen. Es ist ratsam, dass Sie die Struktur Ihres Themas verstehen und wissen, was als erstes und als letztes geladen wird, um festzustellen, welches Skript wichtig ist und welches nicht.
Ich schlage vor, dass Sie jeden Monat einige Zeit mit Benchmarking-Tools wie GTmetrix und Pingdom Full Page Test verbringen, um Ihre Website zu analysieren.
Accentsconagua