Siegfried, deploy!

Join Steffen and Dominik as they dive deep into the world of WordPress content synchronization. Discover the best strategies and techniques to seamlessly migrate and synchronize your WordPress database and uploads across various environments, including local, development, staging, and production.

Highlights
00:00 Intro
01:13 Synch #1: to fix bugs
01:52 Synch #2: to launch websites
02:20 Synch #3: to collaborate in development
03:28 WordPress specialty: URLs in the database
07:34 Tools to synch content
10:47 Cloning from the dev server
18:35 Migrating from dev to production
22:26 Replacing URLs in the WP database
28:06 Synching from production to dev
30:43 Anonymizing personal data
33:05 How often we synch content
35:20 Database-less WordPress

Links
WP Migrate DB Pro: https://deliciousbrains.com/wp-migrate-db-pro/
Duplicator: https://duplicator.com/
ManageWP: https://managewp.com/
rsync: https://rsync.samba.org/
WP CLI: https://wp-cli.org/
faker library: https://fakerjs.dev/

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

In todays episode Steffen and Dominik explore different ways to integrate WordPress into existing websites, particularly for blogs, magazines, and landing pages. You'll learn about methods like integrator templates, reverse proxies and others.

Highlights
00:00 Intro
01:08 Method 1 - Integrator template 
6:48 Method 2 - Reverse Proxy
09:46 Challenges with Reverse Proxies
14:05 Method 3 - Rebuilding
16:46 Method 4 - Module Federation
20:44 Method 5 - Content Only
25:39 Combine multiple approaches

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

In this episode Steffen and Dominik are discussing headless and static WordPress, explaining the motivations behind using a static site generator over a traditional PHP server. While they acknowledge the hype around headless systems, they emphasizes that the need for static sites is often more important and that there are tools available, both WordPress-specific and general, to generate static sites.

Highlights
00:00 Intro
01:11 Static WordPress
03:50 Headless WordPress
06:16 Making a WordPress website static
09:46 Concept & advantages of a headless website
12:40 Data modeling in WordPress
16:11 Challenges with headless
18:55 Advantages of headless
33:38 Should you go headless?

Links
Simply Static: https://simplystatic.com/
GraphQL: https://graphql.org/
Andy Bell - The loud minority: https://andy-bell.co.uk/the-extremely-loud-minority/
Contentful: https://www.contentful.com/
Next.js: https://nextjs.org/
Astro: https://astro.build/
WP Engine Atlas: https://wpengine.com/headless-wordpress/
Faust.js: https://faustjs.org/
Flynt Starter Theme: https://flyntwp.com/

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

In today’s episode Steffen and Dominik are discussing content delivery networks (CDNs), with a focus on Cloudflare. CDNs are used to distribute static content to users more quickly and efficiently. However managing content on a CDN can be complicated, especially when it comes to caching and ensuring that content is consistent across different servers. In this episode you'll learn about some best practices for dealing with these issues.

Highlights
00:00 Intro
00:15 What is a CDN?
02:42 How to use a CDN
05:17 Pros and Cons of Push vs. Pull
08:16 Prevent inconsistent assets
14:10 Types of Caching
17:32 Full-Page Caching
18:51 What's special about Cloudflare
21:55 Does every website need a CDN?
25:12 GDPR compliance
27:53 Why we use Cloudflare
31:36 Pro tip

Links
Cloudflare: https://www.cloudflare.com/
Cloudflare Plugin: https://wordpress.org/plugins/wp-cloudflare-page-cache/

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

In this episode Steffen and Dominik discuss different options for WordPress hosting, including dedicated WordPress hosting, managed PHP hosting, VPS or root server hosting. What are the pros and cons of each option? Learn what they recommend for those with high traffic WordPress websites or single instances.

Highlights
00:00 Intro
00:39 Hosting Options Overview
03:16 Dedicated WordPress Hosting
11:26 Managed PHP Hosting
20:19 VPS / Root Server Hosting
28:38 Docker & Kubernetes Hosting
37:02 Other Hosting
42:57 Our Recommendations
47:35 Your Experiences

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

Today Steffen and Dominik dive deep into the page speed factor of the Largest Contentful Paint (LCP). You'll learn how to optimize your website to achieve a fast LCP and which strategies work for flexible components. But with all the details, don't forget the basics of page speed optimization...

Highlights
00:00 Intro
00:10 What is LCP?
02:56 Typical largest elements
05:51 Reach fast LCP
09:03 How to handle video?
13:27 New Blackhat PageSpeed technique?
14:24 How to optimize LCP?
17:19 Strategies for flexible components
22:20 Font display strategy
28:42 First do the basics
32:52 Simplicity over Complexity

Links
Optimize LCP: https://web.dev/optimize-lcp/
Flynt Starter Theme: https://flyntwp.com/
lazysizes: https://github.com/aFarkas/lazysizes
fetchpriority="high": https://www.smashingmagazine.com/2023/01/optimizing-image-element-lcp/
Best practices for fonts: https://web.dev/font-best-practices/
LCP font optimization: https://pixelpoint.io/blog/advanced-web-font-optimization-techniques/
Fontaine (font fallback generator): https://github.com/danielroe/fontaine
Fontpie (font fallback generator): https://github.com/pixel-point/fontpie

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

Is WordPress secure? We get asked this question over and over again. The answer: WordPress websites are just as secure or insecure as any other website. Because most of the time, mistakes in the absolute basics are the reason for a website being hacked. In this podcast episode, Steffen and Dominik discuss what the weak points of a WordPress website are and how you can protect yourself against a hack.

Highlights
00:00 Intro
00:20 Is WordPress secure?
02:52 Risk: Plugins and themes
08:14 Growing interest in WP security
09:54 Risk: Passwords
12:03 Plugin whitelist
12:43 Other measures to prevent hacking
14:22 Security plugins vs. infrastructure security
16:31 Important basics
17:19 Why external hosting service?
18:54 DoS attack of client website
21:00 „Random“ WordPress hacks
22:06 Prevent saving private data in WP
25:31 Security Plugins for WP
29:11 Monitoring with Visual Regression Tests

Links
WP Scan: https://wpscan.com/wordpress-security-scanner
Patchstack: https://patchstack.com/
VRTs: https://bleech.de/en/products/visual-regression-tests/
More Security Tips: https://bleech.de/en/blog/protect-website-from-hackers/

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

In today's episode, Steffen and Dominik explore the pros and cons of deployment strategies for websites. What's the difference between continuous deployment and continuous integration? Which strategy is worth trying and which one should you consider leaving alone?

Highlights
00:00 Intro
00:13 What is continuous deployment
06:42 Buddy.works
08:46 Github Actions
10:50 Speed of Buddy
15:18 Docker
19:42 Managed Hosting
20:34 AWS
22:07 All-Inkl
25:39 Github Repo
27:58 Versioning website releases

Links
Continuous Deployments w/ GitHub Actions: https://css-tricks.com/continuous-deployments-for-wordpress-using-github-actions/
Buddy: https://buddy.works/
Github Actions: https://github.com/features/actions
all-inkl Hosting: https://all-inkl.com/PA4A94BC2F49CD0 (Affiliate Link)

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

In this episode, Steffen and Dominik discuss the concept of global and translatable options for WordPress websites. Components can have options that are either limited to where they are inserted, or that apply to all components of a certain type on the site, even for different languages. This concept makes it easier for developers and editors to maintain and manage websites.


Highlights
00:00 Intro
00:10 How global & translatable options work?
04:18 ACF Option pages
06:25 Use Cases
08:14 Standardize option pages
11:39 Downside of global options
13:00 Structuring options
14:14 Manage multiple languages with WPML
17:17 Translatable options
20:50 Going without ACF Pro
22:18 WP translation functionality
26:11 Localisation Feature of WordPress
31:37 More flexibility with Global and Translatable options

Links
Flynt Starter Theme: https://flyntwp.com/
ACF Option Pages: https://www.advancedcustomfields.com/resources/options-page/
WordPress Internationalization Functions: https://developer.wordpress.org/apis/internationalization/internationalization-functions/

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)

In today's episode, we discuss the latest update to Google's Lighthouse tool. Version 10 introduces significant changes to the way Page Speed scores are calculated. We discuss the key features of the update and how they might affect website owners and developers.

Upon closer inspection, we spotted an important change that hasn't been announced. So stay tuned for the episode!

Highlights
00:00 Intro
00:10 What is Lighthouse?
01:26 What is new?
03:10 CLS metric
07:09 Why some scores will decrease
08:40 Using custom fonts
12:29 FOUC and FOUT
15:38 Rendering issues / Loading CSS
17:48 Back/forward Cache
20:43 Paste-preventing input
22:50 Scoring Calculator
25:34 Mobile device size
29:14 Mobile layout
30:50 Responsive images

Links
PageSpeed test: https://pagespeed.web.dev/
Announcement Blog Post: https://developer.chrome.com/blog/lighthouse-10-0/
GitHub Release: https://github.com/GoogleChrome/lighthouse/releases/tag/v10.0.0
Scoring Calculator: https://googlechrome.github.io/lighthouse/scorecalc/
Cumulative Layout Shift (CLS): https://web.dev/cls/
Flynt Starter Theme: https://flyntwp.com/

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)