>本文探討了高級的GRAV插件和清漆緩存,以提高博客性能。 我們將介紹插件增強用戶體驗,圖像優化策略和強大的搜索解決方案,最終以用於上級緩存的清漆設置。
鍵增強:
relatedpages
,assets
,simplesearch
和JsComments
建議相關帖子,relatedpages
允許自定義JS/CSS,assets
提供搜索功能,simplesearch
集成了評論系統。 JsComments
Optimus
simplesearch
>相關頁面插件:
relatedpages
<code>{% if config.plugins.relatedpages.enabled and related_pages|length > 0 %} <h4>Related Posts</h4> {% include 'partials/relatedpages.html.twig' %} {% endif %}</code>> 帶有資產插件的自定義JS/CSS的
>
插件簡化了添加自定義JS/CSS而無需修改主題。 使用這樣的前材:assets
<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>請注意
inline css/js的前綴inline_
Simplesearch插件:
插件添加了搜索功能。 自定義模板以進行個性化外觀。 確保simplesearch
的設置為simplesearch_results.html.twig
是空的(不僅僅是缺少)以進行網站搜索:filters
user/config/plugins/simplesearch.yaml
<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>Simplesearch績效和多語言注意事項:
> 由於其字符串匹配,性能會降低許多帖子。 對於大型站點,請考慮一個更健壯的解決方案。 如果使用多語言主題,請調整部分以正確處理搜索查詢字符串。
langswitcher.html.twig
> jscomments插件:
>使用JsComments
集成註釋,支持各種提供商(建議使用DISQU)。將其配置在管理UI中,然後將其添加到您的模板中:
<code>{% if config.plugins.relatedpages.enabled and related_pages|length > 0 %} <h4>Related Posts</h4> {% include 'partials/relatedpages.html.twig' %} {% endif %}</code>
圖像優化和cdns:
>>使用Optimus
進行圖像優化和帶有胸骨CDN的GRAV的CDN插件,以有效地交付資產。配置CDN插件的user/config/plugins/cdn.yaml
文件:
<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>
> varnish緩存:
和sudo apt-get install varnish
指向您的Web服務器(相應地調整端口和主機)。 為了生產,請為您的Web服務器使用非標準端口,並配置Varnish以在端口80上收聽。
/etc/default/varnish
/etc/varnish/default.vcl
結論:
常見問題(常見問題解答)保持不變,並因簡潔而被省略。
以上是另外6個必須做的墳墓調整:準備黑客新聞流量!的詳細內容。更多資訊請關注PHP中文網其他相關文章!