Reduzieren Seitenbreite Wordpress Hosting
Wollen Sie Ihre Wordpress-Website zu beschleunigen? Möchten Sie die Wordpress-Optimierung Tricks wissen, dass Sie Ihre Website Ladezeit reduzieren kann helfen? In diesem Artikel zeigen wir Ihnen, wie Wordpress beschleunigen durch den Austausch, wie wir unsere List25 Website optimierte Leistung zu steigern.
Sie haben vermutlich gehört, Wordpress Geschwindigkeit ist für SEO wichtig. Eine schnellere Website hat eine besseren Benutzereingriff, mehr Seitenaufrufe und bessere Verkäufe. In einer Fallstudie Strangeloop, fanden sie, dass eine Verzögerung von einer Sekunde können Sie 7% des Umsatzes kosten, 11% weniger Seitenzugriffe und 16% ige Abnahme der Kundenzufriedenheit.
So wie Sie tatsächlich Wordpress beschleunigen?
Nun, anstatt nur eine Liste der Geschwindigkeit Tipps teilen, haben wir beschlossen, eine vollständige Fallstudie zu tun, um die Ergebnisse unserer List25 Seite zu zeigen, zusammen mit, wie wir erreichen sie alle.
List25 ist ein Entertainment-Blog von unserem Gründer Syed Balkhi gestartet. Die Seite hat mehr als 1,5 Millionen Abonnenten und der YouTube-Kanal hat über Quartal MILLIARDEN Blick.
Die Inhalte auf der Website sind meist Bilder und Videos, die Terabyte-Bandbreite in Anspruch nimmt, so Gesamtgeschwindigkeitsoptimierung war entscheidend für uns, die Kosten niedrig zu halten, Seite Aufgabe zu reduzieren und die Zeit vor Ort zu verbessern.
Bevor wir die Optimierung unserer Homepage dauerte 2,21 Sekunden laden nach Pingdom gestartet. Nachdem wir fertig waren, fiel unsere Ladezeit auf 1,21 Sekunden (
Während dieser Optimierung konnten wir unsere Antwortzeit des Servers beschleunigen, verbessern unsere Seite Speed-Performance-Score, reduzieren die Anzahl der Gesamtanforderung und verbessern die Gesamtladezeit.
Lassen Sie uns einen Blick auf die Optimierungstechniken nehmen, die uns unsere Wordpress-Website beschleunigen half.
eine gute Web-Host zu haben, ist für Ihre Website Geschwindigkeit von entscheidenden Bedeutung. Da unsere Website immer beliebter wurde, entwachsen wir einfach unser bisheriges Hosting-Unternehmen (HostGator).
Ihre Server konnte nicht einfach eine Website dieser Größe handhaben, weil List25 zig Millionen Seitenzugriffe erhält. HostGator ist ideal für kleinere Standorte, aber nicht für etwas in dieser Größenordnung.
Wir sahen wir an verschiedenen verwalteten Wordpress Hosting-Optionen, und endeten schließlich mit bis Siteground für das Hosting List25, weil sie den besten Gesamtwert für diese Website angeboten.
Sie können sofort die Verbesserung unserer Antwortzeit des Servers sehen. Wir gingen von max 442ms bis 172ms Reaktionszeit. Das ist eine 256% ige Verbesserung.
Siteground hat für bestimmte Plattformen Performance-Booster gebaut wie Wordpress, Joomla, und Magento. Basierend auf der Plattform Ihrer Website optimieren sie speziell Ihre Server, die in einer besseren Gesamtleistung führt.
Wir schrieben einen Artikel über, wenn Sie Ihr Web-Hosting wechseln sollen, die über die sieben Schlüsselindikatoren sprechen.
Wenn Sie Hosts wechseln suchen, dann auf jeden Fall geben Siteground versuchen. WPBeginner Benutzer erhält einen exklusiven 60% Rabatt auf + free Domain-Hosting.
Wenn es um die Beschleunigung Wordpress kommt, ist das Caching der zweitwichtigstes Faktor nach dem Web-Hosting.
Normalerweise, wenn ein Besucher auf Ihrer Website Wordpress kommt, übergibt den Server die PHP-Anforderung an die MySQL-Datenbank, die die Seite findet, dass es im laufenden Betrieb erzeugt angefordert wird, und es den Besucher zeigen. Dies nimmt viele Ressourcen. Wenn Sie Caching haben, es spart Zeit und Ressourcen.
Das folgende Diagramm verdeutlicht den Prozess. In Laiebezeichnungen, denken Sie an das Caching als eine Desktop-Verknüpfung zu erstellen, die Sie in die Datei hilft immer schneller.
Für List25 Website, verwenden wir den Siteground SuperCacher, ein Plugin sie speziell für ihre Kunden gebaut. Hinzu kommt, dass, fügten sie erweiterte dynamische Caching-Optionen mit Lack (Teil ihrer Performance Booster).
Wenn Sie nicht auf Siteground. dann mach dir keine Sorgen. Sie können Setup-Cache auf Ihrer Wordpress-Seite von einer der vielen verfügbaren Lösungen wie W3 Total Cache oder WP Super-Cache verwenden.
Bei WPBeginner verwenden wir W3 Total Cache, das eine Anzahl von Seiten-Caching-Optionen bietet, Datenbank-Caching und Objekt-Caching.
Da mehr Hosting-Unternehmen für Wordpress spezialisiert haben, werden wir mehr individuelle Caching-Lösungen gebaut sehen. Pagely und WPEngine auch ihr eigenes integriertes Caching-System bieten.
Content Delivery Networks (CDN) können Sie Ihre Website Geschwindigkeit helfen zu steigern. Wir verwenden MaxCDN seit Anfang List25, so dass dieser Teil nicht ändern.
Wir haben einen ganzen Artikel geschrieben, was ein CDN ist und warum Sie es zusammen mit einer Infografik.
CDN ermöglicht es uns, alle CSS, Javascript und Bilder von einem Content Delivery Network zu dienen. Dies funktioniert durch die Website-Besucher Standort zu bestimmen und dienen Inhalten von einem Server am nächsten zu dem Besucher.
Wenn Sie nicht auf dem Markt für Premium-CDN-Lösung sind, dann können Sie Cloudflare verwenden.
Wie Sie weitere Plugins hinzufügen, oft fügen sie ihre eigenen JavaScript und CSS-Dateien. Jede weitere Datei ist eine neue HTTP-Anforderung.
Wir kombinierten diese JavaScript und CSS-Dateien in eine einzige Datei für jede Anfrage zu reduzieren und die Ladezeit zu beschleunigen. Sie können weitere Informationen über diese, wie Wordpress-Plugins beeinflussen die Ladezeit sehen.
Während wir jetzt einige kleine Funktionalität laden, die wir möglicherweise nicht auf einen bestimmten Bereich der Website benötigen, wird dieser Code auf dem CDN zwischengespeichert, und die Ergebnisse zeigen, dass weniger Anfragen für Dateien bieten eine bessere Leistung als mehrere kleinere JS-Dateien geladen werden.
Dies ist etwas, das Sie auf einer regelmäßigen Basis zu tun haben, weil die Plugins, die Sie ändern Überstunden nutzen.
Wir haben die Verwendung eines Bildes Sprite, die mehrere soziale und Website-Symbole in einem einzigen Bild kombiniert:
Jedes Mal, wenn wir ein bestimmtes Symbol angezeigt werden benötigt, würden wir CSS verwenden:
- Laden Sie das Bild als Hintergrundbild
- Definieren Sie die Breite und Höhe des Elements müssen wir das Symbol für
- Stellen Sie die Hintergrundposition für unser Bild, um das notwendige Symbol zu laden
Zum Beispiel Sidebar des Social-Media-Symbole zu laden, die wir verwenden:
Die Hintergrund-Position. Breite und Höhe CSS-Eigenschaften helfen uns, den spezifischen Abschnitt des Bildes Ziel, das wir ausgeben wollen:
Als Ergebnis wird nur die erste Anfrage für diese Image-Datei mit Bandbreite. Nachfolgende Anforderungen an das CDN für das Bild führen in der zwischengespeichert (in der Regel lokal) Version geladen wird, sowie nur ein einziges Bild vs. 6 verschiedene soziale Symbole anfordern zu müssen.
Durch die Kombination zusammen JavaScript, CSS und Bilder, reduzierten wir die Anzahl der Anfragen deutlich.
Code minification beinhaltet Leerzeichen und Zeilen Entfernen bricht die Dateigröße zu reduzieren es schneller zu machen, wenn gebetene zu laden.
Für List25 verwenden wir SCSS, eine Syntax-basierten Sheet (Intro zu Sass). So können wir unsere CSS-Dateien über mehrere Entwicklungsbereiche in einem einfach strukturieren Layout zu lesen:
Wir verwenden CodeKit, um dann die SCSS Dateien in einer einzigen CSS-Datei zu kompilieren. CodeKit entfernt auch Leerzeichen und Zeilenumbrüche die Datei so klein wie möglich zu gewährleisten:
Als Ergebnis konnten wir unsere CSS Dateigröße um 28% reduzieren.
Wir optimieren unsere Bilder in zwei Bereichen: unsere Wordpress-Theme und hochgeladenen Inhalte.
Für unsere Wordpress-Theme, haben wir CodeKit, um sicherzustellen, dass alle Bilder verlustlos komprimiert wurden. Dies stellt sicher, dass die Dateigrößen so klein wie möglich sind, ohne Qualitätsverlust.
Wir haben auch alle unsere Autoren über die Bedeutung erzogen von Bildern optimiert für Web speichern. Sehen Sie unsere Anleitung, wie man Bilder für das Web optimiert speichern.
Social Sharing für List25 ist wirklich wichtig, genau wie jede andere Website. Allerdings Social Sharing Plugins können erheblich Ihre Website verlangsamen.
Während die Integration von Skripten die diese vier sozialen Netzwerken nicht Ladezeit der Seite in unseren Tests auswirken, es verlangsamt sichtbar auf der Website nach unten, wenn sie auf einem mobilen Gerät angezeigt wird. Social Sharing Buttons würden ein paar Sekunden zu erscheinen, trotz der Skripte asynchron geladen, was in dem Post-Gehalt wie die Tasten bewegen in der Ansicht geladen.
Um dieses Problem zu bewältigen, zogen wir in eine (fast) Javascript-freie Lösung. Jedes der Sharing-Tasten des sozialen Netzwerks ist in unserer Wordpress Plugin gemacht, und die Javascript Des Themas werden nur verwendet, um die Web-Browser-Fenster zu öffnen, wenn der Benutzer auf eine Schaltfläche klickt.
Allerdings wollten wir noch ein Post hatte in allen sozialen Netzwerken, die Gesamtzahl der Aktien anzuzeigen. Dazu haben wir ein kleines benutzerdefinierte Wordpress Plugin abzurufen und die sozialen Anteil Zählungen von jedem sozialen Netzwerk in die Post Meta-Tabellen-Cache. Diese Zählungen werden alle 24 Stunden aktualisiert, um sicherzustellen, zeitraubend Anfragen werden nicht ständig laufen.
Sie können entweder eine API wie Sharre verwenden oder die Schwimm Social Bar individuell gestaltet werden sezieren.
Mit Pingdom des RUM (Real User Monitoring), die neue Aktie Plugin verringert, um die ‚wahre‘ Ladezeit von 6 Sekunden auf knapp über 2 Sekunden. Es gewährleistet auch, dass wir die Zahl der Anträge für Dritte Skripte reduziert.
Wir haben unsere Website Geschwindigkeit deutlich verbessert. Ladezeit ging von 2,2 Sekunden auf 1,22 Sekunden.
Wir konnten unsere Server-Antwortzeit deutlich reduzieren.
Dies trug dazu bei, die Zeit zu reduzieren, um eine Seite von Google bot ausgegeben für das Herunterladen, die unsere Crawling-Geschwindigkeit geholfen.
Unsere Gesamtabsprungrate um 7% gesunken, da die Website schneller geladen wurde, und durch Umschalten Gastgeber konnten wir Serverfehler reduzieren.
Wie Sie mit der geringeren Absprungrate vorstellen können, die Zeit vor Ort verbracht ging um mehr als 30 Sekunden, wie ich gut.
Wie Sie eine schnellere Lade Website sehen können Besucher Engagement verbessern. Die Techniken, die wir besprochen haben haben eine Reihe von Grund- und Zwischen Verbesserungen abgedeckt, die Sie implementieren können Ihre Wordpress-Website zu optimieren.
Wir hoffen, dass dieser Artikel hat Ihnen geholfen Ihre Wordpress-Website zu beschleunigen. Sie können auch unseren Artikel über 20 zu überprüfen, muss für das Jahr 2015 Wordpress-Plugins haben.
Wenn Sie diesen Artikel gefallen hat, dann wenden Sie sich bitte an unseren YouTube-Kanal für Wordpress Video-Tutorials abonnieren. Sie können uns auch auf Twitter und Facebook finden.
In Verbindung stehende Artikel
Fragen: 2014.07.25 11.58 EST herumnavigieren der Wordpress-Admin-Seite ist extrem langsam. Egal, welche Seite ich oder Menü gehe ich auf, dauert es 8-10 Sekunden die Seite zu laden. Spielt keine Rolle ...
Heute mag ich, wie viele der Top-Wordpress einen Blick nehmen Hosting-Unternehmen bis zu messen aus rein anwendungstechnischer Sicht. Jetzt werde ich die erste, die zugibt, dass die schnellsten Server mit ...
Heute mag ich, wie viele der Top-Wordpress einen Blick nehmen Hosting-Unternehmen bis zu messen aus rein anwendungstechnischer Sicht. Jetzt werde ich die erste, die zugibt, dass die schnellsten Server mit ...
Wir haben viele unserer Kunden hatten und Wordpress Nutzer im Allgemeinen haben ein Problem, wo ihre Website eine leere Seite angezeigt wird. Diese leere Seite wird in der Regel durch einen PHP-Fehler verursacht. Wenn Sie Ihre ...
In Wordpress, können Sie Inhalte auf Ihrer Website entweder als ein „post“ oder eine „Seite“ setzen. Wenn Sie einen regelmäßigen Blog-Eintrag zu schreiben, schreiben Sie einen Beitrag. Beiträge, in einem Standard-Setup, erscheinen in umgekehrter ...