6 autres ajustements incontournables de Grav: Prêt pour le trafic d'actualités des pirates!

Cet article explore les plugins avancés et la mise en cache de vernis pour augmenter les performances du blog. Nous couvrirons les plugins améliorant l'expérience utilisateur, les stratégies d'optimisation d'image et les solutions de recherche robustes, aboutissant à une configuration de vernis pour la mise en cache supérieure.

Améliorations de clés:

• Amélioration de l'engagement des utilisateurs: Levier des plugins comme relatedpages, assets, simplesearch et JsComments pour stimuler l'engagement des utilisateurs. relatedpages suggère des articles connexes, assets permet aux JS / CSS personnalisés, simplesearch fournit une fonction de recherche et JsComments intègre les systèmes de commentaires.
• Images et CDN optimisés: Optimiser les images à l'aide du plugin Optimus et tirer parti d'un CDN (comme maxcdn) via le plugin CDN de Grav pour améliorer les temps de chargement et gérer la bande passante.
• Recherche évolutive: Pour les grands blogs, l'approche de correspondance de chaînes de simplesearch peut devenir lente. Considérez un moteur de recherche plus puissant pour des performances optimales avec un grand nombre de postes.
• Vernis pour la super-cache: Implémentez le vernis, un serveur proxy inversé, pour mettre en cache des pages entières, améliorant considérablement la vitesse et protégeant votre serveur contre les surtensions du trafic.

plugin de pages associées:

Pour améliorer la rétention des utilisateurs, le plugin relatedpages suggère des publications connexes. Il utilise diverses méthodes (numérisation de titre, analyse de contenu, correspondance de taxonomie) pour calculer la pertinence. Intégrez-le dans votre modèle comme ceci:

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

N'oubliez pas, personnalisez le style au besoin.

JS / CSS personnalisé avec le plugin d'actifs:

Le plugin assets simplifie l'ajout de JS / CSS personnalisés sans modifier votre thème. Utilisez Frontmatter comme ceci:

<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>

Notez le préfixe inline_ pour CSS / JS en ligne.

Plugin SimpleSearch:

Le plugin simplesearch ajoute une fonction de recherche. Personnalisez le modèle simplesearch_results.html.twig pour un look personnalisé. Assurez-vous que le paramètre filters dans user/config/plugins/simplesearch.yaml est vide (pas seulement absent) pour la recherche à l'échelle du site:

<code class="language-yaml">enabled: true
built_in_css: true
display_button: false
min_query_length: 3
route: /search
filters: ""
template: simplesearch_results
order:
  by: date
  dir: desc</code>

Performances de recherche et considérations multi-langues:

Les performances se dégradent avec de nombreux messages en raison de sa correspondance de cordes. Pour les grands sites, considérez une solution plus robuste. Si vous utilisez un thème multicangue, ajustez correctement le langswitcher.html.twig partiel pour gérer les chaînes de requête de recherche.

Plugin JSComments:

Intégrer les commentaires en utilisant JsComments, en prenant en charge divers fournisseurs (Disqus recommandé). Configurez-le dans l'interface utilisateur d'administration, puis ajoutez-le à votre modèle:

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

Optimisation d'image et CDN:

Utiliser Optimus pour l'optimisation de l'image et le plugin CDN de Grav avec un CDN PullZone pour une livraison efficace d'actifs. Configurez le fichier user/config/plugins/cdn.yaml du plugin CDN:

<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>

Cache de vernis:

Vernis Super-caches entières Pages. Installez-le (par exemple, sudo apt-get install varnish), configurez /etc/default/varnish et /etc/varnish/default.vcl pour pointer vers votre serveur Web (ajustez le port et l'hôte en conséquence). Pour la production, utilisez un port non standard pour votre serveur Web et configurez un vernis pour écouter sur le port 80.

Conclusion:

Ces plugins et vernis améliorent considérablement les performances et les fonctionnalités de Grav, ce qui rend votre blog prêt pour la production. Explorez d'autres options de personnalisation dans les prochains articles.

Les questions fréquemment posées (FAQ) restent inchangées et sont omises par la brièveté.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!