Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Using WordPress as a Static Site Generator

53 views

Published on

These are the slides of my presentation at WordCamp Nijmegen 2019 on using WordPress as a means to generate static websites.

Published in: Internet
  • Be the first to comment

Using WordPress as a Static Site Generator

  1. 1. Using WordPress as a
 static site generator brechtryckaert.com @brechtryckaert
  2. 2. brechtryckaert.com @brechtryckaert
  3. 3. brechtryckaert.com @brechtryckaert What is a static site
  4. 4. brechtryckaert.com @brechtryckaert How WordPress renders…
  5. 5. brechtryckaert.com @brechtryckaert Time to First Byte (TTFB)
  6. 6. brechtryckaert.com @brechtryckaert Time to First Byte (TTFB) Database interaction is costly
  7. 7. brechtryckaert.com @brechtryckaert How Static Sites render…
  8. 8. brechtryckaert.com @brechtryckaert Why use a Static Site
  9. 9. brechtryckaert.com @brechtryckaert We really love setting goals
  10. 10. brechtryckaert.com @brechtryckaert
  11. 11. brechtryckaert.com @brechtryckaert WordPress vs Static Sites Pre-generated pages Doesn’t require much resources HTML-pages are pretty secure
 
 Changing content requires
 a little more effort.
 (editing HTML for example) Generated upon each visit Require some 
 (up to much) resources Needs security tweaks Really easy to change content
  12. 12. brechtryckaert.com @brechtryckaert Unique advantages of Static Sites Secure by default Lower T.C.O.
  13. 13. brechtryckaert.com @brechtryckaert Secure by default No PHP or database means
 
 MUCH LESS ATTACK VECTORS
  14. 14. brechtryckaert.com @brechtryckaert Lower Total Cost of Ownership (TCO) Doesn’t need high profile hosting
 Nearly no maintenance
  15. 15. brechtryckaert.com @brechtryckaert Static sites are FAST
  16. 16. brechtryckaert.com @brechtryckaert The perceived speed which your user notices matters.
  17. 17. brechtryckaert.com @brechtryckaert User perception
  18. 18. brechtryckaert.com @brechtryckaert
  19. 19. brechtryckaert.com @brechtryckaert
  20. 20. brechtryckaert.com @brechtryckaert
  21. 21. brechtryckaert.com @brechtryckaert Metrics are just an indicating factor
  22. 22. brechtryckaert.com @brechtryckaert … and this shows us why …
  23. 23. brechtryckaert.com @brechtryckaert WordPress vs Static Site
  24. 24. brechtryckaert.com @brechtryckaert Testcase langsvlaamsewegen.be Conversion from WP tot static
 No further optimizations
  25. 25. brechtryckaert.com @brechtryckaert
  26. 26. brechtryckaert.com @brechtryckaert
  27. 27. brechtryckaert.com @brechtryckaert The best of Both Worlds
  28. 28. brechtryckaert.com @brechtryckaert Creating a Static Site from WordPress
  29. 29. brechtryckaert.com @brechtryckaert https://wordpress.org/plugins/static-html-output-plugin/
  30. 30. brechtryckaert.com @brechtryckaert https://wordpress.org/plugins/simply-static/
  31. 31. brechtryckaert.com @brechtryckaert https://wordpress.org/plugins/simply-static/ Caution!
  32. 32. brechtryckaert.com @brechtryckaert Conversion from WP tot static
 Added further optimizations (GZIP, expire headers, …)
  33. 33. brechtryckaert.com @brechtryckaert WordPress version
  34. 34. brechtryckaert.com @brechtryckaert Static Site version
  35. 35. brechtryckaert.com @brechtryckaert
  36. 36. brechtryckaert.com @brechtryckaert
  37. 37. brechtryckaert.com @brechtryckaert Is this the Perfect Solution?
  38. 38. brechtryckaert.com @brechtryckaert Not every site can be Static
  39. 39. brechtryckaert.com @brechtryckaert But we can have Creative Solutions
  40. 40. brechtryckaert.com @brechtryckaert Contact Forms
  41. 41. brechtryckaert.com @brechtryckaert Comments
  42. 42. brechtryckaert.com @brechtryckaert Shopping Cart
  43. 43. brechtryckaert.com @brechtryckaert Shopping Cart
  44. 44. brechtryckaert.com @brechtryckaert Different Use Cases
  45. 45. brechtryckaert.com @brechtryckaert Local vs Hosted WordPress running in 
 a subdirectory. 
 
 Publishes directly to
 the main directory. Running WordPress locally
 on WAMP, MAMP, 
 Local by Flywheel, … Publish the rendered files to
 the webserver via FTP
  46. 46. brechtryckaert.com @brechtryckaert Cool things to do with Static Sites
  47. 47. brechtryckaert.com @brechtryckaert Hosting the site for FREE Netlify - starter plan Github Amazon S3 - free tier
  48. 48. brechtryckaert.com @brechtryckaert Hosting the site on Dropbox kissr.com - free for prototype site my.droppages.com - free up to 2 sites/50 MB pancake.io - paid site44.com - paid
  49. 49. brechtryckaert.com @brechtryckaert Different Use Cases Generate a Demo Site And deliver via USB
  50. 50. brechtryckaert.com @brechtryckaert Any Questions? Thank You

×