6 Weitere Must-Do-Grav-Optimierungen: Bereit für Hacker News-Verkehr!

In diesem Beitrag werden erweiterte Grav -Plugins und das Lackieren zur Steigerung der Blog -Leistung untersucht. Wir behandeln Plugins, die die Benutzererfahrung, die Bildoptimierungsstrategien und robuste Suchlösungen verbessern und in einem Lack für überlegenes Caching gipfeln.

Schlüsselverbesserungen:

• Verbessertes Benutzer -Engagement: Hebel -Plugins wie relatedpages, assets, simplesearch und JsComments, um das Benutzungsbetrieb zu steigern. relatedpages schlägt zu verwandte Beiträge vor, assets ermöglicht benutzerdefinierte JS/CSS, simplesearch eine Suchfunktion und integriert JsComments Kommentarsysteme.
• optimierte Bilder und CDNs: Die Bilder mithilfe des Optimus -Plugins optimieren und ein CDN (wie maxcdn) über das CDN -Plugin von Graven nutzen, um die Ladezeiten zu verbessern und Bandbreite zu verwalten.
• skalierbare Suche: Für große Blogs kann der Ansatz von simplesearch langsam werden. Betrachten Sie eine leistungsstärkere Suchmaschine für eine optimale Leistung mit einer großen Postanzahl.
• Lack für Super-Caching: Implementieren Sie Lack, einen Reverse-Proxy-Server, um ganze Seiten zu zwischenstrahlen, die Geschwindigkeit dramatisch zu verbessern und Ihren Server vor Verkehrsflächen zu schützen.

Verwandte Seiten Plugin:

Um die Benutzerbindung zu verbessern, schlägt das Plugin relatedpages zugehörigen Beiträge vor. Es verwendet verschiedene Methoden (Titelscanning, Analyse von Inhalten, Taxonomie -Matching), um die Relevanz zu berechnen. Integrieren Sie es in Ihre Vorlage wie folgt:

<code>{% if config.plugins.relatedpages.enabled and related_pages|length > 0 %}
    <h4 id="Related-Posts">Related Posts</h4>
    {% include 'partials/relatedpages.html.twig' %}
{% endif %}</code>

Denken Sie daran, das Styling nach Bedarf anzupassen.

benutzerdefinierte JS/CSS mit dem Assets -Plugin:

Das Plugin assets vereinfacht das Hinzufügen von benutzerdefiniertem JS/CSS, ohne Ihr Thema zu ändern. Verwenden Sie Frontmatter so:

<code>{assets:js order:10}
custom-script.js
/blog/some-blog/post/script.js
//cdnjs.cloudflare.com/ajax/libs/1140/2.0/1140.min.js
http://somesite.com/js/cookies.min.js
{/assets}

{assets:inline_css}
h1 {color: red !important;}
{/assets}</code>

Beachten Sie das Präfix inline_ für Inline CSS/JS.

Simplesearch Plugin:

Das Plugin simplesearch fügt eine Suchfunktion hinzu. Passen Sie die simplesearch_results.html.twig -Schabrone für ein personalisiertes Erscheinungsbild an. Stellen Sie sicher, dass die Einstellung filters in user/config/plugins/simplesearch.yaml leer ist (nicht nur abwesend) für die ortsweite Suche:

enabled: true
built_in_css: true
display_button: false
min_query_length: 3
route: /search
filters: ""
template: simplesearch_results
order:
  by: date
  dir: desc

Simplesearch-Leistung und mehrsprachige Überlegungen:

Die Leistung

Die Leistung verschlechtert sich mit vielen Beiträgen aufgrund seiner String -Matching. Betrachten Sie für große Standorte eine robustere Lösung. Wenn Sie ein mehrsprachiges Thema verwenden, passen Sie die langswitcher.html.twig -Träger an, um Suchabfragen korrekt zu verarbeiten.

JSCOMMENTS -Plugin:

Integrieren Sie Kommentare mit JsComments und unterstützen Sie verschiedene Anbieter (disqus empfohlen). Konfigurieren Sie es in der admin -Benutzeroberfläche und fügen Sie diese dann Ihrer Vorlage hinzu:

<code>{% if config.plugins.relatedpages.enabled and related_pages|length > 0 %}
    <h4 id="Related-Posts">Related Posts</h4>
    {% include 'partials/relatedpages.html.twig' %}
{% endif %}</code>

Bildoptimierung und CDNs:

Verwenden Sie Optimus für die Bildoptimierung und das CDN -Plugin von Grav mit einem Pullzone -CDN für die effiziente Abgabe von Asset. Konfigurieren Sie die user/config/plugins/cdn.yaml -Datei des CDN -Plugins:

<code>{assets:js order:10}
custom-script.js
/blog/some-blog/post/script.js
//cdnjs.cloudflare.com/ajax/libs/1140/2.0/1140.min.js
http://somesite.com/js/cookies.min.js
{/assets}

{assets:inline_css}
h1 {color: red !important;}
{/assets}</code>

Lack Caching:

Lack Super-Caches Ganze Seiten. Installieren Sie es (z. B. sudo apt-get install varnish), konfigurieren Sie /etc/default/varnish und /etc/varnish/default.vcl so, dass Sie auf Ihren Webserver verweisen (Anpassen und entsprechend Host). Verwenden Sie für die Produktion einen nicht standardmäßigen Port für Ihren Webserver und konfigurieren Sie Varnish, um Port 80.

zu hören.

Schlussfolgerung:

Diese Plugins und Lack verbessern die Leistung und Funktionalität von Grav erheblich und machen Ihre Blog-Produktion. Erforschen Sie weitere Anpassungsoptionen in zukünftigen Beiträgen.

häufig gestellte Fragen (FAQs) bleiben unverändert und sind für die Kürze weggelassen.

Das obige ist der detaillierte Inhalt von6 Weitere Must-Do-Grav-Optimierungen: Bereit für Hacker News-Verkehr!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!