SlideShare a Scribd company logo
1 of 50
Download to read offline
Using WordPress as a

static site generator
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
What is a static site
brechtryckaert.com @brechtryckaert
How WordPress renders…
brechtryckaert.com @brechtryckaert
Time to First Byte (TTFB)
brechtryckaert.com @brechtryckaert
Time to First Byte (TTFB)
Database interaction is costly
brechtryckaert.com @brechtryckaert
How Static Sites render…
brechtryckaert.com @brechtryckaert
Why use a Static Site
brechtryckaert.com @brechtryckaert
We really love setting goals
brechtryckaert.com @brechtryckaert
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
brechtryckaert.com @brechtryckaert
Unique advantages of
Static Sites
Secure by default
Lower T.C.O.
brechtryckaert.com @brechtryckaert
Secure by default
No PHP or database means



MUCH LESS ATTACK VECTORS
brechtryckaert.com @brechtryckaert
Lower Total Cost of
Ownership (TCO)
Doesn’t need high profile hosting

Nearly no maintenance
brechtryckaert.com @brechtryckaert
Static sites are FAST
brechtryckaert.com @brechtryckaert
The perceived speed which
your user notices matters.
brechtryckaert.com @brechtryckaert
User perception
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
Metrics are just an
indicating factor
brechtryckaert.com @brechtryckaert
… and this shows us why …
brechtryckaert.com @brechtryckaert
WordPress vs Static Site
brechtryckaert.com @brechtryckaert
Testcase
langsvlaamsewegen.be
Conversion from WP tot static

No further optimizations
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
The best of Both Worlds
brechtryckaert.com @brechtryckaert
Creating a Static Site
from WordPress
brechtryckaert.com @brechtryckaert
https://wordpress.org/plugins/static-html-output-plugin/
brechtryckaert.com @brechtryckaert
https://wordpress.org/plugins/simply-static/
brechtryckaert.com @brechtryckaert
https://wordpress.org/plugins/simply-static/
Caution!
brechtryckaert.com @brechtryckaert
Conversion from WP tot static

Added further optimizations (GZIP, expire headers, …)
brechtryckaert.com @brechtryckaert
WordPress version
brechtryckaert.com @brechtryckaert
Static Site version
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
brechtryckaert.com @brechtryckaert
Is this the Perfect Solution?
brechtryckaert.com @brechtryckaert
Not every site can be Static
brechtryckaert.com @brechtryckaert
But we can have
Creative Solutions
brechtryckaert.com @brechtryckaert
Contact Forms
brechtryckaert.com @brechtryckaert
Comments
brechtryckaert.com @brechtryckaert
Shopping Cart
brechtryckaert.com @brechtryckaert
Shopping Cart
brechtryckaert.com @brechtryckaert
Different Use Cases
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
brechtryckaert.com @brechtryckaert
Cool things to do with
Static Sites
brechtryckaert.com @brechtryckaert
Hosting the site for FREE
Netlify - starter plan
Github
Amazon S3 - free tier
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
brechtryckaert.com @brechtryckaert
Different Use Cases
Generate a Demo Site
And deliver via USB
brechtryckaert.com @brechtryckaert
Any Questions?
Thank You

More Related Content

Similar to Using WordPress as a Static Site Generator

Broadstreet quickstart-mar11-1
Broadstreet quickstart-mar11-1Broadstreet quickstart-mar11-1
Broadstreet quickstart-mar11-1
Mary Barr Mann
 
Fast and Easy Website Tuneups
Fast and Easy Website TuneupsFast and Easy Website Tuneups
Fast and Easy Website Tuneups
Jeff Wisniewski
 

Similar to Using WordPress as a Static Site Generator (20)

Vitali zaidman Do You Need Server Side Rendering? What Are The Alternatives?
Vitali zaidman Do You Need Server Side Rendering? What Are The Alternatives?Vitali zaidman Do You Need Server Side Rendering? What Are The Alternatives?
Vitali zaidman Do You Need Server Side Rendering? What Are The Alternatives?
 
Agile Workflows
Agile WorkflowsAgile Workflows
Agile Workflows
 
Caching 101
Caching 101Caching 101
Caching 101
 
20 Tips to Improving WordPress Website - for Beginners-Aus-2017
20 Tips to Improving WordPress Website - for Beginners-Aus-201720 Tips to Improving WordPress Website - for Beginners-Aus-2017
20 Tips to Improving WordPress Website - for Beginners-Aus-2017
 
Advancing Bitcoin 2019 - BTCPayServer Architecture
Advancing Bitcoin 2019  - BTCPayServer ArchitectureAdvancing Bitcoin 2019  - BTCPayServer Architecture
Advancing Bitcoin 2019 - BTCPayServer Architecture
 
WordPress: React Way
WordPress: React WayWordPress: React Way
WordPress: React Way
 
Optimizing Your WordPress Site
Optimizing Your WordPress SiteOptimizing Your WordPress Site
Optimizing Your WordPress Site
 
Debugging WordPress Core and Plugins!
Debugging WordPress Core and Plugins!Debugging WordPress Core and Plugins!
Debugging WordPress Core and Plugins!
 
Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018
 
Static site gen talk
Static site gen talkStatic site gen talk
Static site gen talk
 
.Git for WordPress Developers
.Git for WordPress Developers.Git for WordPress Developers
.Git for WordPress Developers
 
Managing a WordPress Site as a Composer Project by Rahul Bansal @ WordCamp Na...
Managing a WordPress Site as a Composer Project by Rahul Bansal @ WordCamp Na...Managing a WordPress Site as a Composer Project by Rahul Bansal @ WordCamp Na...
Managing a WordPress Site as a Composer Project by Rahul Bansal @ WordCamp Na...
 
Broadstreet quickstart-mar11-1
Broadstreet quickstart-mar11-1Broadstreet quickstart-mar11-1
Broadstreet quickstart-mar11-1
 
20 tips to Improving Your WordPress Site...for Beginners
20 tips to Improving Your WordPress Site...for Beginners20 tips to Improving Your WordPress Site...for Beginners
20 tips to Improving Your WordPress Site...for Beginners
 
Fast and Easy Website Tuneups
Fast and Easy Website TuneupsFast and Easy Website Tuneups
Fast and Easy Website Tuneups
 
Making WordPress Super Fast - Peter Mead - WordPress SEO Consultant
Making WordPress Super Fast - Peter Mead - WordPress SEO ConsultantMaking WordPress Super Fast - Peter Mead - WordPress SEO Consultant
Making WordPress Super Fast - Peter Mead - WordPress SEO Consultant
 
The Real Problems Behind Indexing | 5 Hours of Technical SEO
The Real Problems Behind Indexing | 5 Hours of Technical SEOThe Real Problems Behind Indexing | 5 Hours of Technical SEO
The Real Problems Behind Indexing | 5 Hours of Technical SEO
 
Bartosz Goralewicz — The Real Problems Behind Indexing | 5 Hours of Technical...
Bartosz Goralewicz — The Real Problems Behind Indexing | 5 Hours of Technical...Bartosz Goralewicz — The Real Problems Behind Indexing | 5 Hours of Technical...
Bartosz Goralewicz — The Real Problems Behind Indexing | 5 Hours of Technical...
 
Harness The Power Of ACF For Gatsby and WordPress
Harness The Power Of ACF For Gatsby and WordPressHarness The Power Of ACF For Gatsby and WordPress
Harness The Power Of ACF For Gatsby and WordPress
 
Using WordPress as a Backend for Your React Project
Using WordPress as a Backend for Your React ProjectUsing WordPress as a Backend for Your React Project
Using WordPress as a Backend for Your React Project
 

More from Brecht Ryckaert

More from Brecht Ryckaert (14)

The Anatomy Of A Hack - WordCamp Sofia 2018
The Anatomy Of A Hack - WordCamp Sofia 2018The Anatomy Of A Hack - WordCamp Sofia 2018
The Anatomy Of A Hack - WordCamp Sofia 2018
 
Scaling WordPress On A Small Budget
Scaling WordPress On A Small BudgetScaling WordPress On A Small Budget
Scaling WordPress On A Small Budget
 
WordPress Meetup Ieper - 15/03/2018 - WordPress Security Best Practices
WordPress Meetup Ieper - 15/03/2018 - WordPress Security Best PracticesWordPress Meetup Ieper - 15/03/2018 - WordPress Security Best Practices
WordPress Meetup Ieper - 15/03/2018 - WordPress Security Best Practices
 
WordCamp Antwerp - 3/3/2018 - Debugging WordPress by Brecht Ryckaert
WordCamp Antwerp - 3/3/2018 - Debugging WordPress by Brecht RyckaertWordCamp Antwerp - 3/3/2018 - Debugging WordPress by Brecht Ryckaert
WordCamp Antwerp - 3/3/2018 - Debugging WordPress by Brecht Ryckaert
 
Debugging WordPress
Debugging WordPressDebugging WordPress
Debugging WordPress
 
WordPress Security - A Top Down Approach
WordPress Security - A Top Down ApproachWordPress Security - A Top Down Approach
WordPress Security - A Top Down Approach
 
WordPress Performantie Optimalisatie
WordPress Performantie OptimalisatieWordPress Performantie Optimalisatie
WordPress Performantie Optimalisatie
 
WordPress Performance optimization
WordPress Performance optimizationWordPress Performance optimization
WordPress Performance optimization
 
WordPress Security - Battening down the hatches
WordPress Security - Battening down the hatchesWordPress Security - Battening down the hatches
WordPress Security - Battening down the hatches
 
Speeding up WordPress
Speeding up WordPressSpeeding up WordPress
Speeding up WordPress
 
WordPress Security
WordPress SecurityWordPress Security
WordPress Security
 
De valkuilen bij het migreren of publiceren van je WordPress website
De valkuilen bij het migreren of publiceren van je WordPress websiteDe valkuilen bij het migreren of publiceren van je WordPress website
De valkuilen bij het migreren of publiceren van je WordPress website
 
Combell Academy - Exchange 2010
Combell Academy - Exchange 2010Combell Academy - Exchange 2010
Combell Academy - Exchange 2010
 
Presentatie Ebook
Presentatie EbookPresentatie Ebook
Presentatie Ebook
 

Recently uploaded

Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
ChloeMeadows1
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
lolsDocherty
 

Recently uploaded (17)

Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
 
Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
 
Thank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirtsThank You Luv I’ll Never Walk Alone Again T shirts
Thank You Luv I’ll Never Walk Alone Again T shirts
 
Bug Bounty Blueprint : A Beginner's Guide
Bug Bounty Blueprint : A Beginner's GuideBug Bounty Blueprint : A Beginner's Guide
Bug Bounty Blueprint : A Beginner's Guide
 
Cyber Security Services Unveiled: Strategies to Secure Your Digital Presence
Cyber Security Services Unveiled: Strategies to Secure Your Digital PresenceCyber Security Services Unveiled: Strategies to Secure Your Digital Presence
Cyber Security Services Unveiled: Strategies to Secure Your Digital Presence
 
Free scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirtsFree scottie t shirts Free scottie t shirts
Free scottie t shirts Free scottie t shirts
 
Development Lifecycle.pptx for the secure development of apps
Development Lifecycle.pptx for the secure development of appsDevelopment Lifecycle.pptx for the secure development of apps
Development Lifecycle.pptx for the secure development of apps
 
iThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWebiThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWeb
 
Premier Mobile App Development Agency in USA.pdf
Premier Mobile App Development Agency in USA.pdfPremier Mobile App Development Agency in USA.pdf
Premier Mobile App Development Agency in USA.pdf
 
AI Generated 3D Models | AI 3D Model Generator
AI Generated 3D Models | AI 3D Model GeneratorAI Generated 3D Models | AI 3D Model Generator
AI Generated 3D Models | AI 3D Model Generator
 
I’ll See Y’All Motherfuckers In Game 7 Shirt
I’ll See Y’All Motherfuckers In Game 7 ShirtI’ll See Y’All Motherfuckers In Game 7 Shirt
I’ll See Y’All Motherfuckers In Game 7 Shirt
 
Statistical Analysis of DNS Latencies.pdf
Statistical Analysis of DNS Latencies.pdfStatistical Analysis of DNS Latencies.pdf
Statistical Analysis of DNS Latencies.pdf
 
Reggie miller choke t shirtsReggie miller choke t shirts
Reggie miller choke t shirtsReggie miller choke t shirtsReggie miller choke t shirtsReggie miller choke t shirts
Reggie miller choke t shirtsReggie miller choke t shirts
 
GOOGLE Io 2024 At takes center stage.pdf
GOOGLE Io 2024 At takes center stage.pdfGOOGLE Io 2024 At takes center stage.pdf
GOOGLE Io 2024 At takes center stage.pdf
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
 
TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.
TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.
TORTOGEL TELAH MENJADI SALAH SATU PLATFORM PERMAINAN PALING FAVORIT.
 
The Rise of Subscription-Based Digital Services.pdf
The Rise of Subscription-Based Digital Services.pdfThe Rise of Subscription-Based Digital Services.pdf
The Rise of Subscription-Based Digital Services.pdf
 

Using WordPress as a Static Site Generator