====== Jak na rychlý WordPress ======

[[https://wordpress.org/|WordPress]] je redakční systém, kde rychlost typicky stojí na kombinaci hostingu, šablony, page builderu, cachování a správně nastavených statických assetů. Tady mám průběžné poznámky k nástrojům a postupům, které jsem používal při ladění výkonu.

===== Nástroje na kontrolu webu =====

  * [[https://my.danielnytra.com/cs/api/audit-webu|SEO Audit webu]]
  * [[https://my.danielnytra.com/cs/api/klicova-slova|SEO Klíčová slova]]
  * [[https://my.danielnytra.com/cs/api/konkurence|SEO Konkurence]]

===== Nástroje na kontrolu rychlosti webu =====

  * [[https://pagespeed.web.dev/|Google PageSpeed]]
  * [[https://www.pagespeed.cz/|PageSpeed.cz]]
  * [[https://tools.pingdom.com/|Pingdom]]
  * [[https://gtmetrix.com/|GTMetrix]]
  * [[https://www.dotcom-tools.com/website-speed-test|Dotcom Tools]]
  * [[https://yellowlab.tools/|Yellow Labs]]
  * [[https://www.webpagetest.org/|WebPageTest]]

===== Cache pluginy =====

Z praktického provozu mi dává smysl testovat cache plugin nejen podle benchmarků, ale i podle kompatibility s použitou šablonou nebo formulářovým pluginem. U některých kombinací se chyba projeví až po zahřátí cache, což je nepříjemné hlavně u formulářů a dynamických částí webu.

Z dlouhodobějších doporučení mám poznámku na [[https://wp-rocket.me/|WP Rocket]] a také srovnání pluginů podle [[https://www.designbombs.com/top-wordpress-caching-plugins-compared/|tohoto přehledu]].

===== WP Super Cache a browser caching =====

Když jsem začal používat šablonu [[https://www.elegantthemes.com/gallery/divi/|Divi]], přestal mi vyhovovat plugin WP Fastest Cache. Po nějaké době nacachování se objevovaly problémy s odesíláním formulářů. Jako náhradu jsem nasadil [[https://wordpress.org/plugins/wp-super-cache/|WP Super Cache]].

Po změně pluginu se ale ve [[https://www.webpagetest.org/|WebPageTestu]] začalo ukazovat, že web nemá správně nastavené cacheování statického obsahu v prohlížeči.

{{web-marketing:weby:wordpress:pasted:browser-caching.jpg}}

{{web-marketing:weby:wordpress:pasted:browser-caching2.jpg}}

Řešení bylo doplnit pravidla do ''.htaccess'':

<code apache>
# BEGIN EXPIRES
ExpiresActive On
ExpiresDefault "access plus 10 days"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 month"
ExpiresByType image/svg+xml "access 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 1 year"
# END EXPIRES
</code>

Tento konkrétní zásah vycházel z [[https://notlaura.com/wp-super-cache-and-browser-caching/|rozboru WP Super Cache a browser caching]]. Po doplnění pravidel byl výsledek v dalším měření vidět hned.

{{web-marketing:weby:wordpress:pasted:browser-caching3.jpg}}

===== Šablony =====

Kvůli rychlosti mám poznámky k šabloně [[https://generatepress.com/|GeneratePress]]. Přehledy rychlých šablon:

  * [[https://kinsta.com/blog/fastest-wordpress-theme/|Kinsta – fastest WordPress themes]]
  * [[https://themeisle.com/blog/fastest-wordpress-themes/|Themeisle – fastest WordPress themes]]
  * [[https://www.codeinwp.com/blog/fastest-wordpress-themes/|CodeinWP – fastest WordPress themes]]
  * [[https://nitropack.io/blog/post/best-wordpress-themes-for-core-web-vitals|NitroPack – themes for Core Web Vitals]]
  * [[https://adithyashetty.com/fastest-wordpress-themes/|Fastest WordPress themes]]

===== Page buildery =====

Osobně mám dobrou zkušenost s [[https://www.elegantthemes.com/gallery/divi/|Divi]], i když z hlediska rychlosti nemusí být vždy první volba. Přehledy a srovnání:

  * [[https://www.cloudways.com/blog/wordpress-page-builders/|WordPress page builders]]
  * [[https://www.cloudways.com/blog/divi-vs-elementor/|Divi vs Elementor]]
  * [[https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/|Best drag and drop page builders]]
  * [[https://raidboxes.io/en/blog/wordpress/wordpress-page-builder/|WordPress page builder]]
  * [[https://kinsta.com/blog/wordpress-page-builders/|Kinsta – WordPress page builders]]
  * [[https://www.nexcess.net/blog/wordpress-page-builder/|Nexcess – WordPress page builder]]

===== SEO =====

Zajímavý nástroj pro klasifikaci klíčových slov je [[https://keywordmonkey.io/|Keywordmonkey.io]]. Ukázka výstupu je v [[https://docs.google.com/spreadsheets/d/1LR4F74xjFUffDtZqjauyO7MW_7kV-jw-/edit#gid=1237548143|Google Sheets dokumentu]].

Praktický checklist:

  * titulky a meta popisky
  * struktura URL
  * přirozené použití klíčových slov v nadpisech a obsahu
  * optimalizace obrázků
  * mobilní optimalizace
  * technické SEO: rychlost, HTTPS, sitemap, robots.txt, schema markup

===== Zdroje =====

  * [[https://wordpress.org/|WordPress]]
  * [[https://www.webpagetest.org/|WebPageTest]]
  * [[https://wordpress.org/plugins/wp-super-cache/|WP Super Cache]]
  * [[https://notlaura.com/wp-super-cache-and-browser-caching/|WP Super Cache and browser caching]]
  * [[https://generatepress.com/|GeneratePress]]
  * [[https://www.elegantthemes.com/gallery/divi/|Divi]]
  * [[https://keywordmonkey.io/|Keywordmonkey.io]]