Top twenty seventeen theme wordpress New

You are viewing this post: Top twenty seventeen theme wordpress New

Neues Update zum Thema twenty seventeen theme wordpress


Display Posts ShortcodeWordPress.com Support Aktualisiert

This is how the Display Posts shortcode looks on a live page using the Twenty Seventeen theme. The Display Posts shortcode will show a bulleted list of the 10 most recent posts by default. It is possible to customize the number of posts as well as the style, and what elements of the posts show in the list (title, featured images, excerpts, etc).

+ ausführliche Artikel hier sehen

Read more

Mit dem Display Posts Shortcode können Sie eine Liste Ihrer Blog-Posts zu verschiedenen Seiten hinzufügen

Mit Argumenten können Sie bestimmte Beiträge basierend auf ihren Kategorien oder Tags anzeigen

Shortcodes sind kleine Codeschnipsel, die für WordPress entwickelt wurden und mit denen Sie Ihrer Website oder Ihrem Blog verschiedene Funktionen hinzufügen können

Weitere Informationen zu Shortcodes finden Sie hier.

Inhaltsverzeichnis

📌 Wenn Sie den Shortcode vor dem Upgrade auf die Business- oder E-Commerce-Pläne hinzugefügt haben, würde Ihr Code den Inhalt rendern, sobald Sie ein Display Posts Shortcode-Plugin installieren

Verschiedene Plugins bieten ähnliche Funktionen

Alternativ können Sie auch die Blöcke Blog Posts oder Latest Posts in Betracht ziehen

Shortcode-Übersicht der Posts anzeigen

Es gibt eine Reihe von Gründen, warum Sie den Shortcode „Posts anzeigen“ verwenden möchten

Sie möchten eine kurze Liste von Posts auf Ihrer Startseite anzeigen, und die Option „Empfohlene Posts“ ist entweder nicht Teil Ihres Themas oder es werden keine Posts angezeigt wie Sie möchten.

Sie möchten eine Seite mit Autoren erstellen, mit Lebensläufen und einigen ihrer neuesten veröffentlichten Arbeiten auf Ihrer Website.

Sie möchten bestimmte Posts, wie z

B

Ankündigungen, auf einer Seite hervorheben.

Sie möchten eine hinzufügen spezifische Liste von Beiträgen zu einem Widget in Ihrer Seitenleiste oder Fußzeile.

Vieles mehr.

↑ Inhaltsverzeichnis ↑

Hinzufügen des Kurzcodes

Die folgenden Anweisungen funktionieren zum Bearbeiten einer Seite, eines Beitrags oder eines Text-Widgets

Wenn Sie den folgenden Code hinzufügen, sehen Sie nur den Codeplatzhalter im Editor

Aber wenn Sie Ihre Seite veröffentlichen, sehen Sie das Ergebnis des Shortcodes

Bearbeiten Sie eine Seite, einen Beitrag oder ein Text-Widget

Fügen Sie den Shortcode [Display-Posts] in einem Beitrag oder einer Seite hinzu

Veröffentlichen oder aktualisieren Sie Ihre Seite/Ihren Beitrag

Wenn Sie den WordPress-Blockeditor verwenden, können Sie auch einen Shortcode-Block hinzufügen, um den Shortcode „Posts anzeigen“ hinzuzufügen

Es kann bis zu einer Stunde dauern, bis neue Posts und Aktualisierungen bestehender Posts überall dort angezeigt werden, wo Sie diesen Shortcode verwenden So sieht der Shortcode „Posts anzeigen“ auf einer Live-Seite mit dem Thema „Twenty Seventeen“ aus

Der Shortcode „Posts anzeigen“ zeigt standardmäßig eine Liste mit Aufzählungszeichen der 10 neuesten Posts an

Es ist möglich, die Anzahl der Posts sowie den Stil anzupassen und welche Elemente der Posts in der Liste angezeigt werden (Titel, vorgestellte Bilder, Auszüge usw.)

↑ Inhaltsverzeichnis ↑

Argumente anzeigen

Argumente werden verwendet, um anzupassen, wie die Beiträge angezeigt werden

Nachfolgend finden Sie eine Liste gängiger Argumente, die Sie Ihrem Display-Posts-Shortcode hinzufügen können, sowie Beispiele dafür, wie der Shortcode mit dem hinzugefügten Argument „Autor“ aussehen sollte

Geben Sie den Autor des Beitrags an

Standard: leer

Beispiel: [display-posts author=”bill”]

Kategorie

Geben Sie den Kategorie-Slug (oder eine durch Kommas getrennte Liste von Kategorie-Slugs) an

Sehen Sie sich diesen Shortcode auf dieser Beispielseite in Aktion an

Standard: leer

Beispiel: [display-posts category=”fishing,hiking”]

Datumsformat

Geben Sie das Datumsformat an, das verwendet wird, wenn include_date wahr ist

Weitere Informationen finden Sie unter Datum und Uhrzeit formatieren im Codex

Standard: „(n/j/Y)“

Beispiel: [display-posts include_date=”true” date_format=”F j, Y”]

d.h

Geben Sie eine bestimmte Beitrags-ID (oder mehrere Beitrags-IDs) zur Anzeige an

Standard: leer

Beispiel: [Beiträge anzeigen id=”9, 10″]

Bildgröße

Geben Sie eine Bildgröße für die Anzeige des Beitragsbilds an, falls der Beitrag eine hat

Die image_size kann auf Thumbnail, Medium, Large eingestellt werden (alle gesteuert über Einstellungen > Medien)

Standard: leer

Beispiel: [display-posts image_size=”thumbnail”]

Wenn Sie ein Thema verwenden, das Inhaltsoptionen unterstützt, und es so eingestellt haben, dass keine vorgestellten Bilder auf Seiten angezeigt werden, hat das image_size-Argument auch keine Auswirkung auf Shortcodes, die auf einer Seite der Website verwendet werden – vorgestellte Bilder werden für keine Beiträge angezeigt über den Shortcode hinzugefügt, auch wenn der Shortcode sagt, dass sie angezeigt werden sollen.

include_content

Fügen Sie den vollständigen Beitragsinhalt nach dem Titel ein

Standard: leer

Beispiel: [Display-Posts include_content=”true”]

include_date

Fügen Sie das Datum des Beitrags nach dem Titel des Beitrags ein

Das Standardformat ist (30.7.12), kann aber mit dem Parameter „date_format“ angepasst werden

Standard: leer

Beispiel [Display-Posts include_date=”true”]

include_excerpt

Fügen Sie den Auszug des Beitrags nach dem Titel (und dem Datum, falls angegeben) hinzu.

Standard: leer

Beispiel: [Beiträge anzeigen include_excerpt=”true”]

versetzt

Die Anzahl der zu übergebenden Posts

Standard: 0

Beispiel: [display-posts offset=”3″]

Befehl

Geben Sie an, ob Beiträge in absteigender Reihenfolge (DESC) oder aufsteigender Reihenfolge (ASC) sortiert werden

Standard: DESC

Beispiel: [display-posts order=”ASC”]

Sortieren nach

Geben Sie an, nach was die Posts geordnet sind

Siehe die verfügbaren Parameter hier.

Standard: Datum

Beispiel: [display-posts orderby=”title”]

portfolio_typ

Wenn Sie den Portfolio-Post-Typ verwenden, verwenden Sie dies, um Elemente von einem bestimmten Portfolio-Typ abzurufen

post_parent

Zeigt die Seiten an, die einer bestimmten Seite untergeordnet sind

Sie können entweder eine ID oder „aktuell“ angeben, die die untergeordneten Elemente der aktuellen Seite anzeigt

Standard: leer

Beispiel: [display-posts post_type=”page” post_parent=”8″]

Poststatus

Beiträge anzeigen, die einem bestimmten Beitragsstatus zugeordnet sind

Standard: veröffentlichen

Beispiel: [display-posts post_status=”publish, future”]

Post-Typ

Geben Sie an, welcher Beitragstyp verwendet werden soll

Sie können eine Standardeinstellung (Beitrag oder Seite) verwenden

Verwenden Sie für Portfolios „Jetpack-Portfolio“

Verwenden Sie in ähnlicher Weise für Testimonials „jetpack-testimonial“

Standard: post

Beispiel: [display-posts post_type=”page”]

Beiträge_pro_Seite

Wie viele Posts sollen angezeigt werden? Standard: 10

Beispiel: [display-posts posts_per_page=”5″]

Tag

Geben Sie den Tag-Slug (oder eine durch Kommas getrennte Liste von Tag-Slugs) an

Standard: leer

Beispiel: [display-posts tag=”tag1, tag2″]

Taxonomie, tax_term und tax_operator

Verwenden Sie diese Parameter, um erweiterte Taxonomieabfragen durchzuführen

Verwenden Sie „taxonomy“ für die Taxonomie, die Sie abfragen möchten, „tax_term“ für den Begriff Slug (oder Begriffe), die Sie einschließen möchten, und „operator“, um zu ändern, wie die Abfrage diese Begriffe verwendet (höchstwahrscheinlich wird dieses Feld nicht benötigt)

Default: ‘taxonomy’ = empty , ‘tax_term’ = empty , ‘tax_operator’ = ‘IN’

Beispiel: [display-posts taxonomy=”color” tax_term=”blue, green”]

Verpackung

Welche Art von HTML sollte verwendet werden, um die Auflistungen anzuzeigen

Es kann eine ungeordnete Liste (ul), eine geordnete Liste (ol) oder divs (div) sein, die Sie dann selbst gestalten können

Standard: ul

Beispiel: [display-posts wrapper=”ol”]

↑ Inhaltsverzeichnis ↑

Anpassungsbeispiele

Hier sind einige Beispiele für Shortcodes, die mehrere Argumente kombinieren, um eine bestimmte Liste von Beiträgen anzuzeigen

[display-posts tag=”advanced” posts_per_page=”20″]

Dadurch werden die 20 neuesten Posts mit dem Tag „advanced“ aufgelistet

[display-posts tag=”advanced” image_size=”thumbnail”]

Dadurch werden die 10 neuesten Beiträge mit dem Tag „Erweitert“ aufgelistet und ein Beitragsbild in der Größe „Miniaturansicht“ angezeigt

[display-posts category=”must-read” posts_per_page=”-1″ include_date=”true” order=” ASC” orderby=”title”]

Dadurch wird jeder Beitrag in der Kategorie Must Read in alphabetischer Reihenfolge aufgelistet, wobei das Datum am Ende angehängt wird

[display-posts wrapper=”ol”]

Dadurch werden Beiträge als geordnete Liste angezeigt

Optionen sind ul für ungeordnete Listen (Standard), ol für geordnete Listen oder div für divs.

[display-posts id=”14,3″]

Dadurch werden nur die Beiträge mit den IDs 14 und 3 angezeigt

↑ Inhaltsverzeichnis ↑

Bildausrichtung

Eine häufige Anforderung ist die Anzeige einer Liste von Posts mit Titel, Auszug und rechtsbündigem Thumbnail

Hier ist der Shortcode, den Sie verwenden könnten:

[Beiträge anzeigen include_excerpt=”true” image_size=”thumbnail” wrapper=”div”]

Dies schließt den Auszug ein, fügt ein Bild in der Größe „Miniaturansicht“ hinzu (Sie können die Bildgrößen in Einstellungen → Medien anpassen) und weist es an, die Liste ohne Aufzählungszeichen anzuzeigen

Um das Bild nach rechts schweben zu lassen, fügen Sie hinzu this zu deiner benutzerdefinierten CSS-Datei (erfordert das WordPress.com Premium- oder WordPress.com Business-Upgrade):

.display-posts-listing. alignleft {

schweben rechts;

Rand: 0 0 5px 5px;

}

↑ Inhaltsverzeichnis ↑

(Fortgeschrittene) Mehrere Taxonomie-Abfragen

Während die meisten Menschen immer nur eine einzige Taxonomie-Abfrage benötigen, unterstützt dieser Shortcode eine unendliche Anzahl von Taxonomie-Abfragen

Nehmen wir an, Sie wollten alle Beiträge in der Kategorie “Empfohlen” und auch mit “Startseite” gekennzeichnet haben

Wir verwenden einen Shortcode, der so aussieht:

[display-posts taxonomy=”category” tax_term=”featured” taxonomy_2=”post_tag” tax_2_term=”homepage”]

Wenn Sie alle Beiträge in der Kategorie „Empfohlen“ erhalten möchten, die auch entweder „blau“ oder „grün“ gekennzeichnet sind, können Sie einen Shortcode verwenden, der so aussieht:

[display-posts taxonomy=”category” tax_term=”featured” taxonomy_2=”post_tag” tax_2_term=”blue, green” tax_2_operator=”OR” tax_relation=”AND”]

Sie können so viele davon aneinanderreihen, wie Sie möchten, beginnen Sie einfach mit der Zählung bei 2

Ersetzen Sie in der Feldliste unten (Anzahl) durch eine tatsächliche Zahl

Hier sind die verfügbaren Felder:

Taxonomie_(Anzahl)

Welche Taxonomie abgefragt werden soll

Standard: leer

tax_(count)_term

Welche Begriffe enthalten sein sollen (bei mehr als einem, durch Kommas trennen)

Standard: leer

tax_(count)_operator

Abfrage der Begriffe (IN, NOT IN oder AND)

Standard: IN

Steuerverhältnis

Beschreiben Sie die Beziehung zwischen den mehreren Taxonomieabfragen (sollten die Ergebnisse mit allen Abfragen übereinstimmen oder nur mit einer davon)

Verfügbare Optionen: UND und ODER

Standard: UND

↑ Inhaltsverzeichnis ↑

Grenzen

Der Display Posts Shortcode hat ein Limit von 100 angezeigten Posts

↑ Inhaltsverzeichnis ↑

So finden Sie die Post-ID

Sie finden die Beitrags-ID in der Beitrags-URL bearbeiten in Ihrem Beitragseditor

Beispielsweise lautet die Post-ID für das folgende Beispiel „125“.

Twenty Seventeen Theme Tutorial: Make a WordPress Website! Update

Video ansehen

Neue Informationen zum Thema twenty seventeen theme wordpress

Learn how to create a beautiful, responsive website using the Twenty Seventeen theme from the creators of WordPress. This is a complete tutorial guiding a beginner through the process of creating a website. Signup to Bluehost: https://davidutke.com/hosting
The Twenty Seventeen though a bit old now, has been continually updated, looks fantastic on mobile devices and features a bold, creative, parallax style homepage not seen in previous flagship WordPress themes. With a lovely narrow column design with a sidebar, this theme makes reading content a joy.
We also cover various aspects of web development like getting a domain name, optimal backend setting for WordPress, important pages you need to create like your about page, contact page and specific legal pages. As well as how to edit and get the most out of this theme. If you’ve been looking to create a website with the Twenty Seventeen theme, this is your comprehensive, complete tutorial.
▬▬▬
💻 W E B H O S T I N G
► Blue Host is the #1 recommended web host by WordPress. I suggest beginners start with their website with Bluehost as they are perfect for any beginner:
https://davidutke.com/hosting
▬▬▬
🚀 D O M A I N N A M E S
► You need a domain name for your website. Most tutorials have you register a domain name through the web host, but I strongly suggest you use a domain name registrar. My personal choice and the registrar I use is Namecheap:
https://davidutke.com/domains
🔥 AFFILIATE CREATIVE PRO
► Learn how to build an income generating web property in 18 months:
https://websitecreativepro.co/p/affiliate-marketing
▬▬▬
🕒 T I M E S T A M P S
Here are the time stamps for this Twenty Seventeen tutorial video:
Introduction: 00:00
Domain Names: 00:52
Web Hosing: 02:49
Nameservers: 05:17
Install WordPress: 8:14
Intro to site: 12:54
Security, Permalinks, Settings: 13:46
Delete Demo Content, themes plugins: 18:14
Install Breadcrumbs: 20:18
Pro Blogging : 25:19
Editing menus: 44:39
Set a homepage: 48:24
Homepage design: 52:18
Logo favi design: 1:11:25
About Contact Pages: 1:16:39
Footer and legal pages: 1:24:12
Add related posts: 1:29:57
Social share buttons: 1:32:11
Hide powered by WordPress: 1:35:02
Hide author and dates: 1:36:15
Google Analytics and Search Console: 1:36:57
Conclusion and Sitemap- final tips: 1:38:39
DISCLAIMER: This video and description contain affiliate links when possible, which means that if you click on one of the product links, I may receive a small commission. I only recommend products and services I actually use. Everything in this video is based on information acquired from years of online web development experience. Please do your own research before making any important decisions. You and only you are responsible for any and all digital marketing decisions you make. Thank you for watching and subscribe!

twenty seventeen theme wordpress Einige Bilder im Thema

 Update  Twenty Seventeen Theme Tutorial: Make a WordPress Website!
Twenty Seventeen Theme Tutorial: Make a WordPress Website! Update

How to Reduce TTFB to Improve WordPress Page Load Times Neueste

26-01-2017 · 1. Utilize a Fast WordPress Host. The first way to reduce TTFB is to ensure you are using a fast WordPress host. We compared a 3rd party shared host’s TTFB (located in Phoenix, AZ) and Kinsta’s TTFB (located in Council Bluffs, Iowa). We utilized the exact same setup with the default Twenty Seventeen theme running.

+ Details hier sehen

Read more

Wenn es um die Gesamtgeschwindigkeit Ihrer WordPress-Seite geht, konzentrieren wir uns oft auf die Front-End-Leistung und Optimierungen, um die Seitenladegeschwindigkeit zu verbessern

Manchmal ist es jedoch gut, es von der Serverseite aus zu betrachten, wo Ihre Website ursprünglich mit dem Laden beginnt

Heute werden wir uns damit befassen, wie sich TTFB (Zeit bis zum ersten Byte) auf Sie auswirkt, und einige einfache Möglichkeiten diskutieren, wie Sie es reduzieren können

TTFB ist ein häufig übersehener Leistungsfaktor, der jedoch beim Testen der Geschwindigkeit Ihrer Website berücksichtigt werden sollte

Sehen Sie, wie Kinsta im Vergleich zur Konkurrenz abschneidet

Wählen Sie Ihren Anbieter WP Engine SiteGround GoDaddy Bluehost Flywheel HostGator Cloudways AWS Digital Ocean DreamHost Andere Vergleichen

Was ist TTFB?

TTFB steht für time to first byte

Vereinfacht ausgedrückt ist dies ein Maß dafür, wie lange der Browser warten muss, bevor er sein erstes Datenbyte vom Server erhält

Je länger es dauert, diese Daten zu erhalten, desto länger dauert es, Ihre Seite anzuzeigen

Ein weit verbreiteter Irrtum ist, dass dies nach DNS-Lookup-Zeiten berechnet wird, die ursprüngliche Berechnung von TTFB im Netzwerk jedoch immer die Netzwerklatenz beinhaltet

Dies beinhaltet einen 3-stufigen Prozess und Verzögerungen und Latenzen können irgendwo dazwischen auftreten und sich zu Ihrer gesamten TTFB summieren

1

Anfrage an den Server

Wenn jemand Ihre Website besucht, wird als erstes eine HTTP-Anfrage vom Client (Browser) an den Server gesendet

In diesem Schritt gibt es eine Vielzahl von Faktoren, die zu Verzögerungen führen können

Langsame DNS-Suchzeiten können dazu beitragen, dass die Anforderung länger dauert

Wenn sich der Server geografisch weit entfernt befindet, kann dies zu Latenzen bei der Entfernung führen, die die Daten zurücklegen müssen

Auch wenn Sie komplexe Firewall-Regeln haben, kann dies die Routing-Zeit verlängern

Und vergessen Sie nicht die Internetgeschwindigkeit des Clients

2

Serververarbeitung

Nachdem die Anfrage gesendet wurde, muss der Server sie nun verarbeiten und eine Antwort generieren

Dies kann zu einer Reihe unterschiedlicher Verzögerungen führen, z

B

langsame Datenbankaufrufe, zu viele Skripte von Drittanbietern, Nicht-Caching Ihrer ersten Antwort, schlecht optimierter Code oder WordPress-Design und ineffiziente Serverressourcen wie Festplatten-E/A oder Speicher

3

Antwort zum Kunden

Nachdem der Server die Anfrage verarbeitet hat, muss er sie dann an den Client zurücksenden (oder vielmehr das erste Byte zurücksenden)

Dies wird stark von der Netzwerkgeschwindigkeit des Servers und des Clients beeinflusst

Wenn der Client langsames Internet von einem Wi-Fi-Hotspot hat, wird dies im TTFB widergespiegelt

Ist TTFB wichtig?

Es ist wichtig zu verstehen, dass TTFB (Zeit bis zum ersten Byte) nicht dasselbe ist wie die Website-Geschwindigkeit

Dies ist wirklich ein Maß für die Reaktionsfähigkeit

Es gibt viele Diskussionen im Internet darüber, ob TTFB wichtig ist oder nicht

Einige sagen, es sei bedeutungslos (Cloudflare, LittleBizzy), andere sagen, es sei wichtig (Ilya Grigorik, Web Performance Engineer bei Google)

Beide Seiten bringen einige stichhaltige Punkte an, warum oder warum es nicht wichtig ist, und auch einige Fragen darüber, wie es tatsächlich berechnet wird

Moz hat sogar eine eingehende Studie über die Korrelation zwischen Suchrankings und der Zeit bis zum ersten Byte durchgeführt

Es ist jedoch schwer zu sagen, ob dies die Ursache war oder ob die Websites mit niedrigerem TTFB auch einfach im Allgemeinen schneller waren, was wiederum von Googles Rankingfaktor für die Seitengeschwindigkeit beeinflusst werden könnte

Spielt TTFB eine Rolle? Es trägt zu deiner Gesamtgeschwindigkeit bei, also was denkst du? 😉

Zum Twittern klicken

Anstatt jedoch Zeit damit zu verbringen, darüber nachzudenken, ob es wichtig ist oder nicht, konzentrieren wir uns lieber auf Optimierungen, die Sie vornehmen können, um diese Metrik zu verbessern

Alles, was Sie tun, kann zur Gesamtgeschwindigkeit Ihrer WordPress-Site beitragen, und dies wirkt sich wiederum auf Ihre TTFB aus

In unseren Tests laden Seiten mit viel größerer TTFB einfach langsamer und fühlen sich langsamer an.

Im Allgemeinen ist alles unter 100 ms großartig und gute TTFB

Google PageSpeed ​​Insights empfiehlt weniger als 200 ms für die Antwortzeit des Servers

Wenn Sie sich im Bereich von 300 bis 500 ms befinden, ist dies ziemlich normal

Und wenn Sie über 600 ms sind, haben Sie möglicherweise etwas auf Ihrem Server falsch konfiguriert oder es könnte an der Zeit sein, auf einen besseren Webstack zu aktualisieren

Oder folgen Sie unseren Empfehlungen unten, wie Sie Ihre TTFB reduzieren können

Und denken Sie daran, dass die SSL/TLS-Aushandlung ebenfalls ein Faktor sein kann

So messen Sie Ihre TTFB

Es gibt eine Vielzahl verschiedener Möglichkeiten, wie Sie Ihren TTFB testen können

Wir werden unten ein paar untersuchen

Denken Sie jedoch daran, dass jedes Tool leicht unterschiedliche Ergebnisse liefert, daher ist es wichtig, einfach eines zu verwenden und als Basislinie dabei zu bleiben

Messen Sie TTFB mit Google Chrome DevTools

Sie können TTFB in Google Chrome messen, indem Sie DevTools starten

Denken Sie jedoch daran, wenn Sie von Ihrem Computer aus testen, dass TTFB von der Netzwerklatenz und Ihrer Internetverbindung beeinflusst wird

Daher ist es wahrscheinlich effektiver, ein Drittanbieter-Tool (wie weiter unten zu sehen) zu verwenden, das von einem Rechenzentrum aus testet

Wählen Sie im Chrome-Menü Weitere Tools > Entwicklertools aus

Klicken Sie mit der rechten Maustaste auf ein Seitenelement und wählen Sie Prüfen

Verwenden Sie die Tastenkombinationen Strg + Umschalt + I (Windows) oder Cmd + Opt + I (Mac)

Sie können das Netzwerkfenster starten und die Leistung Ihrer Website sehen

Messen Sie TTFB mit dem Tool von Geekflare

Geekflare hat eine großartige Sammlung kostenloser Tools, mit denen Sie Dinge auf Ihrer Website testen und Fehler beheben können

Das TTFB-Tool von Geekflare ist einfach, schnell und lässt Sie von drei Standorten auf der ganzen Welt aus sehen, wie schnell (niedrig) Ihre Zeit bis zum ersten Byte ist

Messen Sie TTFB mit WebPageTest

Sie können Ihren TTFB auch mit WebPageTest messen

Laut ihrem Glossar ist die Zielzeit die Zeit, die für die DNS-, Socket- und SSL-Verhandlungen benötigt wird + 100 ms

Alle 100 ms über das Ziel hinaus wird ein einzelner Buchstabe abgezogen

Wie Sie in unserem Test unten sehen können, hat diese Seite 0,256 s oder 256 ms TTFB gemessen

Melden Sie sich für den Newsletter an Möchten Sie wissen, wie wir unseren Traffic um über 1000 % gesteigert haben? Schließen Sie sich über 20.000 anderen an, die unseren wöchentlichen Newsletter mit WordPress-Insidertipps erhalten! Abonniere jetzt

Messen Sie TTFB mit Pingdom

Chrome und WebPageTest bezeichnen es als TTFB

Wenn Sie jedoch Pingdom verwenden, wird sie tatsächlich als „Wartezeit“ bezeichnet

Lesen Sie auch unsere ausführliche Anleitung zur Verwendung von Pingdom

TTFB mit GTmetrix messen

In GTmetrix wird TTFB, genau wie bei Pingdom, als Wartezeit bezeichnet

Lesen Sie auch unsere ausführliche Anleitung zur Verwendung von GTmetrix

Messen Sie TTFB mit dem Tool von KeyCDN

KeyCDN hat ein großartiges Tool zum Testen der Webleistung, mit dem Sie Ihre TTFB von 14 verschiedenen Standorten gleichzeitig messen können

Wie Sie unten in unserem Test sehen können, ist die TTFB in den Vereinigten Staaten niedrig und in Übersee viel höher

Dies liegt daran, dass sich unser Server physisch in den Vereinigten Staaten befindet

Dies ist der Beweis dafür, dass Latenz und Entfernung bei TTFB eine Rolle spielen

Es gibt auch einige andere verschiedene Tools zur Messung von TTFB, wie das Sucuri Performance Tool und ByteCheck

Wusstest du schon? Sogar Google Analytics hat einen Abschnitt, in dem Sie Ihre durchschnittliche Antwortzeit sehen können

Klicken Sie einfach auf „Verhalten > Seitengeschwindigkeit > Übersicht“

4 Möglichkeiten, TTFB auf Ihrer WordPress-Site zu reduzieren

Lassen Sie uns nun in einige Möglichkeiten eintauchen, wie Sie den TTFB auf Ihrer WordPress-Site reduzieren können

1

Verwenden Sie einen schnellen WordPress-Host

Die erste Möglichkeit, TTFB zu reduzieren, besteht darin, sicherzustellen, dass Sie einen schnellen WordPress-Host verwenden

Wir haben den TTFB eines Drittanbieters (in Phoenix, AZ) und den TTFB von Kinsta (in Council Bluffs, Iowa) verglichen

Wir haben genau das gleiche Setup verwendet, wobei das standardmäßige Twenty Seventeen-Design ausgeführt wurde

Denken Sie daran, dass Kinsta jetzt alle 29 Google Cloud Platform-Standorte zur Verfügung hat, daher ist es wichtig, Ihre WordPress-Site strategisch näher an Ihren Besuchern zu platzieren

Der Wechsel zu einem schnelleren Host könnte die TTFB Ihrer Site um bis zu 200 % verringern

Teste Kinsta kostenlos.

Kinsta schließt auch das Premium-Tier-Netzwerk der Google Cloud Platform in alle Hosting-Pläne ein

Viele andere Hosting-Anbieter verwenden das Standard-Tier-Netzwerk von Google Cloud, was zu langsameren Geschwindigkeiten führt

Shared-Host-TTFB

Über alle Regionen hinweg betrug die durchschnittliche TTFB 520 ms

In den Vereinigten Staaten und Kanada betrug die durchschnittliche TTFB 240 ms

Kinsta TTFB

Über alle Regionen hinweg betrug die durchschnittliche TTFB 412 ms

In den Vereinigten Staaten und Kanada betrug die durchschnittliche TTFB 164 ms

Wenn du bei Kinsta hostest, kannst du dich auch dafür entscheiden, deine WordPress-Seite in Europa oder Asien zu hosten

Sehen Sie sich die Liste der Google Cloud-Rechenzentrumsstandorte an

Allein durch die Verwendung eines schnelleren Hosts konnten wir weltweit einen Rückgang der TTFB um 20 % feststellen

Und ein Rückgang der TTFB um 32 % in den Vereinigten Staaten und Kanada

Ein guter WordPress-Host mit einer sorgfältig durchdachten Architektur ist entscheidend, um Ihre TTFB zu senken

Dies ist auch ein gutes Argument dafür, einen Ort sorgfältig auszuwählen, der sich physisch in einer Region befindet, in der sich Ihre Kunden befinden

Wenn sich die meisten Ihrer Kunden in den Vereinigten Staaten befinden, hosten Sie Ihren Server nicht in Europa (obwohl ein CDN dabei helfen kann, einiges davon zu negieren)

2

Implementieren Sie ein CDN

Eine weitere einfache Möglichkeit, TTFB zu verringern, ist die Verwendung eines Content Delivery Network (CDN)

Wenn Sie eine Website haben, die Besucher in verschiedenen Teilen des Landes oder auf der ganzen Welt bedient, kann dies Ihre TTFB drastisch verringern

Wie wir oben gesehen haben, ist der Standort sehr wichtig

Wir haben einen kleinen Test durchgeführt, um den Unterschied mit KeyCDN als unserem CDN-Anbieter zu zeigen

Jeder Test wurde 5 mal durchgeführt und der Durchschnitt wurde genommen

TTFB Ohne CDN

Wir haben zuerst einen Test mit deaktiviertem CDN durchgeführt und wie Sie sehen können, betrug unsere Gesamtladezeit 1,45 s und unsere durchschnittliche TTFB auf einem Asset etwa 136 ms

TTFB mit CDN

Wir haben dann unser CDN aktiviert und den Test erneut durchgeführt

Wie Sie sehen können, sind unsere Gesamtladezeiten auf 788 ms gesunken und unsere durchschnittliche TTFB beträgt jetzt 37 ms! Was für einen Unterschied ein CDN machen kann

Ein weiterer wichtiger Punkt ist, dass wir den Standort Stockholm ausgewählt haben, um diesen Test durchzuführen

Warum? Weil wir Ihnen die wirkliche Verbesserung zeigen wollten, die durch die Verringerung der physischen Distanz erreicht werden kann

In Stockholm befindet sich ein CDN POP, sodass unsere Inhalte von Stockholm aus bereitgestellt werden

Hinweis: Wenn Sie Cloudflare verwenden, haben Sie möglicherweise eine etwas höhere TTFB

Dies ist höchstwahrscheinlich auf den zusätzlichen Overhead und die Komplexität zurückzuführen, die durch die Ausführung des vollständigen Proxy-Dienstes entstehen

Denken Sie daran, dass Cloudflare über zusätzliche Firewalls und andere Funktionen verfügt, die einige CDN-Anbieter nicht haben

Sie müssten sich also selbst entscheiden, was Ihnen mehr zugute kommen könnte

Wenn Ihre gesamte Website nicht richtig optimiert ist, könnte es sich lohnen, den Treffer auf die etwas höhere TTFB zu nehmen

Sie sollten sich jedoch auch den Leitfaden von WP Bullet zur Verwendung von Cloudflare-Seiten-Caching zur Senkung der TTFB ansehen

Dies kann einige zusätzliche Einstellungen und Tests erfordern

Stellen Sie sicher, dass Sie Ihre eigenen Tests durchführen, da jede Umgebung anders ist

Empfohlene Lektüre: So richten Sie Cloudflare APO für WordPress ein

3

WordPress-Caching

Eine dritte Möglichkeit und wahrscheinlich eine der einfachsten Möglichkeiten, Ihre TTFB zu verringern, ist die Verwendung von Caching auf Ihrer WordPress-Site

Viele denken nur, dass Caching helfen kann, Ihre Ladezeiten zu verkürzen, aber tatsächlich hilft es auch, TTFB zu verringern, da es hilft, die Serververarbeitungszeit zu verkürzen

Wir haben wieder einige Tests mit und ohne Caching ausgeführt

Jeder Test wurde 5 mal durchgeführt und der Durchschnitt wurde genommen

Ohne Cache Running

Wir haben die Seite über Pingdom laufen lassen, und ohne laufenden Cache erzielte unsere Seite eine Ladezeit von 1,17 s und eine TTFB von 560 ms

Mit aktiviertem Caching

Wir haben dann das Caching aktiviert und die Seite erneut über Pingdom laufen lassen

Diesmal erzielte unsere Seite eine Ladezeit von 643 ms und eine TTFB von 57 ms

Durch die Aktivierung von Caching konnten wir unsere TTFB also um satte 90 % reduzieren! Du kannst mehr über das Caching von Kinsta lesen

Wir tun dies auf Serverebene, was bedeutet, dass keine Caching-Plugins erforderlich sind

Wenn Sie keinen verwalteten WordPress-Host verwenden, empfehlen wir die Verwendung eines kostenlosen Caching-Plugins wie dem Cache Enabler

4

Verwenden Sie einen Premium-DNS-Anbieter

Und last but not least spielt DNS auch bei TTFB eine Rolle

Es ist schwer, genau zu berechnen, wie stark es betroffen ist, aber Sie können immer noch die gesamten DNS-Suchzeiten sehen und sehen, dass es schnellere und langsamere Anbieter gibt

Wir haben ein paar Tests mit dem SolveDNS-Geschwindigkeitstest-Tool durchgeführt

Hier ist ein Beispiel für eine Domain, die das kostenlose DNS von NameCheap und die Antwortzeiten verwendet

Freier NameGünstiges DNS

Und unten ist ein Beispiel mit dem Premium-DNS von Amazon Route 53

Wie Sie im Allgemeinen sehen können, sind die DNS-Suchzeiten bei Amazon viel schneller

Typischerweise haben Premium-DNS-Anbieter bessere Geschwindigkeiten

Cloudflare ist kostenlos und hat auch eine hervorragende Leistung

Amazon Route 53 DNS

Lesen Sie unbedingt unseren Beitrag darüber, warum Sie einen Premium-DNS-Anbieter verwenden sollten

Wir haben uns hier bei Kinsta mit Amazon Route 53 zusammengetan und es steht allen Kunden kostenlos zur Verfügung

Zusammenfassung

Es gibt eine Vielzahl anderer Dinge, die Sie optimieren oder reparieren könnten, um TTFB zu reduzieren, wie z

B

Datenbank-Caching, Disk IO, Swap-Nutzung, RAM, PHP-Einstellungen, MySQL-Einstellungen, Netzwerkeinstellungen, TLS-Overhead usw

Aber die oben genannten sind fair einfach zu implementieren und gibt Ihnen den schnellsten Leistungsschub

Wenn Sie also das nächste Mal jemand fragt, wie Sie Ihre TTFB reduzieren können, denken Sie daran, dass ein schneller WordPress-Host, CDN, Caching und DNS alle eine große Rolle spielen

Das Beheben oder Verbessern dieser Engpässe reicht aus

Welche Erfahrungen haben Sie mit TTFB gemacht? Wir würden uns freuen, davon unten zu hören.

Using the Twenty Seventeen WordPress theme Update

Video ansehen

Neues Update zum Thema twenty seventeen theme wordpress

Learn how to use the Twenty Seventeen WordPress theme. Use the skip ahead links below.
Get Twenty Seventeen https://wordpress.org/themes/twentyseventeen/
WordPress 4.7 was recently released, and it ships with the all new Twenty Seventeen theme. In this video, I’ll show you how to setup the homepage and chat about it’s many features.
Skip ahead:
00:15 Thoughts on Twenty Seventeen theme
00:50 Using the theme; overview
01:38 How the home page is structured
02:48 How a page/content section is created
03:40 Add a read more link in the home page content sections
04:40 Using the theme customizer
05:38 Edit the top image/video of the theme
07:00 Customizing the theme colors
08:44 Customizing the home page content sections
10:05 Customizing CSS
10:56 Recap and final thoughts
Learn more: https://plugintut.com
Subscribe! https://plugintut.com/subscribe
Follow us! http://twitter.com/plugintut
Like us! http://facebook.com/plugintut

twenty seventeen theme wordpress Sie können die schönen Bilder im Thema sehen

 Update New  Using the Twenty Seventeen WordPress theme
Using the Twenty Seventeen WordPress theme New Update

Weitere Informationen zum Thema twenty seventeen theme wordpress

Updating

Suche zum Thema twenty seventeen theme wordpress

Updating

Sie haben das Thema also beendet twenty seventeen theme wordpress

Articles compiled by Musicsustain.com. See more articles in category: MMO

Leave a Comment