Improve Largest Contentful Paint (LCP) and Speed up your WordPress Website

Siegfried, deploy!

Player FM - Internet Radio Done Right

اضافه شده در two سال پیش

محتوای ارائه شده توسط Bleech. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Bleech یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

Action Academy | Replace The Job You Hate With A Life You Love

1
How To Replace A $100,000+ Salary Within 6 MONTHS Through Buying A Small Business w/ Alex Kamenca & Carley Mitus 57:50

1 year پیش57:50

پخش در آینده

لیست ها

پسندیدن

دوست داشته شد

57:50

Alex (@alex_kamenca) and Carley (@carleymitus) are both members of our Action Academy Community that purchased TWO small businesses last thursday! Want To Quit Your Job In The Next 6-18 Months Through Buying Commercial Real Estate & Small Businesses? 👔🏝️ Schedule A Free 15 Minute Coaching Call With Our Team Here To Get "Unstuck" Want to know which investment strategy is best for you? Take our Free Asset-Selection Quiz Check Out Our Bestselling Book : From Passive To Passionate : How To Quit Your Job - Grow Your Wealth - And Turn Your Passions Into Profits Want A Free $100k+ Side Hustle Guide ? Follow Me As I Travel & Build: IG @brianluebben ActionAcademy.com…

۲ سال پیش 33:32

MP3•خانه قسمت

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

47 قسمت

#Tech #Bleech #Development #Wordpress #Code #SEO #Pagespeed #Technology #Web

Improve Largest Contentful Paint (LCP) and Speed up your WordPress Website

Siegfried, deploy!

published ۲ سال پیش

اشتراک گذاری

MP3•خانه قسمت

47 قسمت

#Tech #Bleech #Development #Wordpress #Code #SEO #Pagespeed #Technology #Web

همه قسمت ها

Siegfried, deploy!

1
Rapid WordPress dev setups with wp-now 6:02

1 year پیش6:02

6:02

We've all been there – the mere thought of configuring a new development setup sends shivers down your spine. But what if you could bypass the hassle and jump straight into action? Meet wp-now: the instant WordPress setup wizard. Highlights 00:00 wp-now == smart 00:37 Demo 02:17 Customization 03:10 First time install 04:03 wp-env vs. wp-now 05:06 This is huge! Links - WordPress Playground / wp-now: https://github.com/WordPress/playground-tools/tree/trunk/packages/wp-now - Flynt (WordPress 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)…

Siegfried, deploy!

1
Why Passkeys are the future 6:43

۲ years پیش6:43

6:43

The future is passwordless! Learn all about Passkeys, the technology set to replace traditional passwords. The best part?! You can start using them today! We'll show you how. Highlights 00:00 Why passwords are bad 01:12 Demo: Passkey registration 02:05 The technology & security options 03:11 Multi-device compatibility 04:07 Demo: Passkey login 05:01 Sharing Passkeys 05:29 Business applications 06:09 How to use them today Links - Passkey Demo: https://www.passkeys.io/ - Passkey Directory: https://passkeys.directory/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
The only 3 tools you need for perfect image optimization 9:09

۲ years پیش9:09

9:09

Want to serve the fastest loading images in the wild wild web? By the end of this episode, you'll be armed with Google-recommended tools and strategies that set you on a fast track to becoming an image optimization expert. Highlights 00:00 Intro 00:41 The magic wand 01:46 The right image format 03:02 Going the extra mile 04:20 The right perspective 05:55 Mastering SVGs 07:20 The no-brainer tool 08:38 Conclusion Links - Squoosh: https://squoosh.app/ - SVGO: https://svgomg.net/ - ImageOptim: https://imageoptim.com/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Own your business intelligence reports with evidence.dev 9:10

۲ years پیش9:10

9:10

Ever felt trapped by traditional BI tools? We did too. That's why we're thrilled to share our experience with evidence – a tool that lets you build business intelligence dashboards using good old SQL and Markdown. Highlights 00:00 Introduction 00:48 Features and capabilities of evidence 01:31 Portability and open source nature of evidence 02:52 Examples and use cases 04:17 Component reference and data sources 05:35 Build process and deployment 06:04 Code examples and dynamic routes 07:08 Adding static information to dashboards 08:13 Intended use Links - Evidence Website: https://evidence.dev/ - Evidence Examples: https://evidence.dev/examples - Evidence Docs: https://docs.evidence.dev/ - Markdown Basics: https://www.markdownguide.org/basic-syntax/ - SQL Tutorial: https://www.w3schools.com/sql/ - DuckDB: https://duckdb.org/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Reality Check: The Limits of View Transitions 13:27

۲ years پیش13:27

13:27

Ever wondered how to animate between two UI states without wrangling heaps of extra code? Well, get ready to unlock a new level of web development capabilities with us, as we dive into the exciting world of view transitions. Highlights 00:00 Introduction 00:44 Understanding View Transitions 02:05 Demos & Practical Applications 03:14 Current Reality vs. The Dream 06:47 Potential Use Cases & WordPress Context 07:25 View Transitions With HTMX 08:31 Working With View Transitions in CSS 12:54 Conclusion Links - Chrome Developers Article: https://developer.chrome.com/docs/web-platform/view-transitions/ - Astro 3.0 View Transitions: https://astro.build/blog/astro-3/#astro-view-transitions - Svelte View Transitions: https://svelte.dev/blog/view-transitions - HTMX View Transitions: https://htmx.org/docs/#view-transitions - View Transitions API Overview: https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API - Maxi Ferrera's Demo: https://live-transitions.pages.dev/ - Turbo: https://turbo.hotwired.dev/ - swup: https://swup.js.org/ - Shuffle.js: https://vestride.github.io/Shuffle/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
What's New in Flynt v2.0 12:42

۲ years پیش12:42

12:42

Our WordPress Starter Theme got its biggest upgrade. Flynt v2 makes developing lightning fast websites fun and provides editors with a smooth experience. Learn all about the most significant improvements from the core team members. Highlights 00:00 Introduction 00:34 Key improvements 01:11 1) Performance: JavaScript Islands 04:07 2) Editor Experience: Gutenberg and ACF 05:30 3) Developer Experience: Vanilla JS and CSS Variables 12:12 Feedback Links - Flynt Website: https://flyntwp.com/ - Flynt PageSpeed Test Results: https://pagespeed.web.dev/analysis?url=https%3A%2F%2Fflyntwp.com%2F - Flynt Release Blog Post: https://flyntwp.com/flynt-2-0-rekindling-your-love-for-wordpress-again/ - Flynt GitHub Discussions: https://github.com/flyntwp/flynt/discussions More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
HTMX is awesome and here's why 8:57

۲ years پیش8:57

8:57

What if you could supercharge your HTML with AJAX requests, CSS transitions, and web socket capabilities directly from HTML attributes? That's what HTMX can do for you. We're discussing its benefits and drawbacks in this episode. Highlights 00:00 Introduction to HTMX 01:16 Triggers and Functionality 02:06 Benefits and Use Cases 03:26 Making static WordPress interactive 04:19 Modern JavaScript Frameworks vs HTMX 05:25 Areas for Improvement 08:15 Final Thoughts Links - HTMX Official Website: https://htmx.org/ - Alpine.js: https://alpinejs.dev/ - Tailwind CSS: https://tailwindcss.com/ - Mutation Observer: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Microdata vs JSON-LD: Which Structured Data Format Wins? 10:00

۲ years پیش10:00

10:00

Are you wrestling to decide which data format is superior, Microdata or JSON-LD? Take a seat and let us take you on a journey exploring the pros and cons of these two formats in relation to websites. Highlights 00:00 Introduction to Structured Data Formats 00:44 Importance of Structured Data and Schema.org 01:45 Implementation of JSON-LD 02:56 Implementation of Microdata 04:01 Multiple JSON-LD Script Tags 05:12 When to Use Which Format 08:30 Ease of Implementation and Debugging Links - Structured Data Schemas: https://schema.org/ - Structured Data Validator: https://validator.schema.org/ - Rich Results Tests: https://search.google.com/test/rich-results More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Never Integrate Social Media Buttons Like This 9:52

۲ years پیش9:52

9:52

There's a clear winning approach when it comes to integrating social media share buttons into your website. Learn how to do it quickly, easily and safely. Highlights 00:00 Introduction 00:18 Integrating Simple Social Media Links 00:43 Share Buttons for Specific Pages and Posts 02:09 Considerations for Privacy & Performance 05:42 DIY Integration vs. Using Plugins 07:33 Finding Non-Javascript Share Links More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Debugging Open Graph Images on Social Media 5:02

۲ years پیش5:02

5:02

Ever wondered why the wrong images pop up when you share your posts on social media? There's an easy fix! Learn how to use tools like LinkedIn's post inspector to reset the social network's cache and ensure the newest image and information get displayed. Highlights 00:00 Finding Link Debuggers to Fix Open Graph Images 00:28 LinkedIn Post Inspector 01:36 Facebook Sharing Debugger 03:15 Twitter's Card Validator (removed?!) 03:55 Previewing Social Media Posts with OpenTags.io Links - LinkedIn Post Inspector: https://www.linkedin.com/post-inspector/ - Facebook Sharing Debugger: https://developers.facebook.com/tools/debug/ - Twitter Card Validator: https://cards-dev.twitter.com/validator - OpenTags.io Preview Tool: https://opentags.io/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Making WordPress Posts Look Great on Social Media 7:03

۲ years پیش7:03

7:03

Discover the key features of the Open Graph protocol, its common challenges, and how to seamlessly integrate it with your WordPress site. Highlights 00:00 Introduction 00:52 OG (Open Graph) Tags in Social Media Sharing 02:23 Setting Global and Individual OG Images in WordPress 03:28 Customizing OG Image Sources Programmatically 04:40 Image Formatting and Sizing for Different Social Networks 06:02 Optimizing OG Titles and Descriptions Links - The Open Graph protocol: https://ogp.me/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Maximizing Reach: Auto Share from WordPress to Social Media 5:46

۲ years پیش5:46

5:46

On the fence about auto-sharing your WordPress posts on social media? Learn about our experiences, strategies and tools to bridge the gap. Highlights 00:00 Intro 00:31 Publishing with WordPress Plugins 02:02 Customization of Content 03:05 Evolution of Direct Publishing 04:48 Social Media Aggregators Links - Blog2Social: https://wordpress.org/plugins/blog2social/ - Jetpack Social: https://wordpress.org/plugins/jetpack-social/ - Social Media Auto Publish: https://wordpress.org/plugins/social-media-auto-publish/ - SchedulePress: https://wordpress.org/plugins/wp-scheduled-posts/ - Buffer: https://buffer.com/ - Zapier: https://zapier.com/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Optimizing Social Media Embeds in WordPress: Speed and Privacy Tips 8:18

۲ years پیش8:18

8:18

Ever wondered why your WordPress site loads slowly with embedded social media content? Do you know how to ensure your site is both speedy and compliant with privacy regulations? We draw back the curtain on the built-in oEmbed functionality of WordPress, highlight its attractive ease of use and potential pitfalls, and share tips on optimizing your site's performance. Highlights 00:00 Understanding oEmbed 00:54 oEmbed Challenges 01:44 Privacy Concerns 02:55 The Importance of Caching 05:02 Optimizing Load Speed and Lazy Loading 07:32 Recap and Summary of Embedding Practices Links - oEmbed Specs: https://oembed.com/ - WP YouTube Lyte: https://wordpress.org/plugins/wp-youtube-lyte/ - Mihdan: Lite YouTube Embed: https://wordpress.org/plugins/mihdan-lite-youtube-embed/ - Embed Privacy: https://wordpress.org/plugins/embed-privacy/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
WordPress and Social Media: A Comprehensive Integration Guide 2:54

۲ years پیش2:54

2:54

Are you on a mission to bridge the gap between your social media content and WordPress site? Let's explore the best ways to connect your site to social networks! Highlights 00:00 Intro 00:32 Embedding social media posts 00:55 Auto-publishing to social media 01:26 Making content look great on social media 01:45 Social media profile links 02:02 Share and like buttons 02:15 Clarifying expectations Links - Embedding Social Media Posts: https://youtu.be/-8d0gkVACLw - Auto-Publishing to Social Media: https://youtu.be/mrW_90OYoH0 - Making Content Look Great on Social Media: https://youtu.be/9zsHLJrHy4U - Fixing Open Graph Image Previews: https://youtu.be/g9WgdPFSEMs - Share and Like Button Integrations: https://youtu.be/zOjBdzBaWSs More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
WordPress × AI: The Future of Website Translations 6:48

۲ years پیش6:48

6:48

Have you ever battled with the idea that Google Translate could be the low-cost, low-effort solution to your translation woes? Then AI tools will make you think twice again! Highlights 00:00 Intro 01:24 Translating With Google Translate 02:34 Bridging the Quality Gap 03:38 Teaching AI your Tone of Voice 05:49 Mastering Multilingual WordPress Websites More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
3 Ways to Create Multilingual WordPress Websites 7:48

۲ years پیش7:48

7:48

Ever wondered about the best way to create a multilingual WordPress website? The answer is not as straightforward as it may seem. But fear not, we're here to dissect it for you and tackle the complexities involved, from using external plugins to the promise of a simpler future with the Gutenberg project. Highlights 00:00 Intro 01:04 Field Translations 02:02 Post Translations 03:41 Multi-Site Translations 04:56 Multi-Market Translations 06:47 Gutenberg Translations Links - WPML: https://wpml.org/ - MultilingualPress: https://multilingualpress.de/ - Gutenberg Roadmap: https://wordpress.org/about/roadmap/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Mastering WordPress Auto-Updates: Strategies for Security and Stability 9:39

۲ years پیش9:39

9:39

Ever wondered if auto-updates in WordPress are a blessing or a curse? Join us as we explore the pros and cons of different update strategies and share our own experiences. We'll explain why it's essential to keep your WordPress site updated for security reasons and what could go wrong if you don't, but also discuss how unexpected results can occur. Discover the best strategies for updating your WordPress site, from scheduled automatic updates with zero downtime deployments to utilizing external tools for backup and updates. We also touch on the importance of having a backup before updating, and how visual regression tests can ensure your site stays looking and functioning as it should. Don't miss out on this valuable advice for keeping your WordPress site secure and up-to-date! Links VRTs – Visual Regression Tests (Plugin): https://wordpress.org/plugins/visual-regression-tests/ Highlights 00:00 Intro 00:36 WordPress auto-updates 01:25 Scheduled automated updates 03:07 Failure checks & recovery 05:05 Manual update workflows 07:09 Zero downtime updates 08:50 Conclusion More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Relaunching Websites: The Agile Way (an Iterative Approach) 25:58

۲ years پیش25:58

25:58

In a fast-paced business environment, it's no longer acceptable to wait months for a website relaunch. That's why it's time to say goodbye to the traditional waterfall approach and to go for an agile relaunch! In this episode, we dive deep into how an iterative approach enables faster, better results and more flexibility, to take your next website relaunch to new heights. Highlights 00:00 Intro 02:06 Agile advantages 04:12 Rebuilding step by step 08:37 Scoping & budgeting 16:36 Focusing on ROI 18:34 2 page builders in 1 website 20:39 A matter of trust 22:43 Small scope multi-phase launches More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Relaunching Websites: SEO Strategies for a Smooth Transition 35:20

۲ years پیش35:20

35:20

Are you ready to level up your website relaunch game? We've got you covered with advice on search engine optimization, content migration, and promoting your strongest content while ditching the old, low-performing stuff. We also tackle the nitty-gritty of optimizing URL structures and redirects for a seamless transition. You'll learn how a short URL base can work wonders and why preparing for potential future restructures is essential. Finally, we share SEO housekeeping tips, explore the significance of having a well structured sitemap and discuss tracking 404 requests, core web vitals, and accessibility issues. Highlights 00:00 Intro 00:36 Overview 01:13 Strategy #1: Content Migration 08:05 Strategy #2: Slugs 19:06 Strategy #3: Redirects 25:41 Strategy #4: Google Search Console Links Franz Enzenhofer's SEO book: https://www.fullstackoptimization.com/a/understanding-seo Google Search Console: https://search.google.com/search-console Redirection plugin: https://wordpress.org/plugins/redirection/ Yoast plugin: https://wordpress.org/plugins/wordpress-seo/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
Relaunching Websites: Content Migration to WordPress 32:02

۲ years پیش32:02

32:02

In today's episode Steffen and Dominik discuss the challenges of content migration when relaunching websites. Migrating structured content is relatively easier, while unstructured content poses more challenges. Strategies such as archiving, database views, scraping tools, and manual copying are possible approaches to content migration, with emphasis on optimizing and redesigning content during the process. Highlights 00:00 Intro 00:59 Challenges & opportunities 03:43 When not to migrate 05:47 Keeping archives alive 08:02 Case #1: Scraping 11:29 Other methods 13:37 Importing text & metadata 16:39 Importing images 17:54 How complicated is it? 19:51 Case #2: Database views 27:13 Exporting content types 28:29 Case #3: WordPress to WordPress 30:17 Bonus topic: SEO strategies Links WP All Import: https://www.wpallimport.com/ More from Bleech Blog Posts (WordPress Development) Flynt (WordPress Starter Theme) VRTs (Visual Tests for WordPress) Siegfried, deploy! (YouTube Channel)…

Siegfried, deploy!

1
WordPress content synchronization across environments 37:56

۲ years پیش37:56

37:56

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)…

Siegfried, deploy!

1
Add a WordPress Blog to Your Existing Website 31:44

۲ years پیش31:44

31:44

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)…

Siegfried, deploy!

1
Headless WordPress - Should you use it? 39:36

۲ years پیش39:36

39:36

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)…

Siegfried, deploy!

1
Should you use Cloudflare (CDN) on your website? 36:59

۲ years پیش36:59

36:59

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)…

Siegfried, deploy!

1
The Best Hosting for WordPress Professionals: A Comprehensive Comparison 47:59

۲ years پیش47:59

47:59

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)…

Siegfried, deploy!

1
Improve Largest Contentful Paint (LCP) and Speed up your WordPress Website 33:32

۲ years پیش33:32

33:32

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)…

Siegfried, deploy!

1
How to Secure Your Website from Hackers? (WordPress Security) 31:00

۲ years پیش31:00

31:00

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)…

Siegfried, deploy!

1
Deploying code to a Website - What’s the Best Strategy? 30:46

۲ years پیش30:46

30:46

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)…

Siegfried, deploy!

1
Global & Translatable Options with ACF Pro 33:43

۲ years پیش33:43

33:43

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)…

Siegfried, deploy!

1
The secret change in Lighthouse 10 33:46

۲ years پیش33:46

33:46

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)…

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.

به بیش از 500 موضوع گوش کنید

Ailun 3 Pack Screen Protector for iPhone 16 Pro Max [6.9 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

Amazon Basics Multipurpose Copy Printer Paper, 8.5 x 11 inches, 20 lb, 1 Ream, 500 Sheets, 92 Bright, White

Amazon eGift Card - Amazon Logo (Animated)

پادکست هایی که ارزش شنیدن دارند

Siegfried, deploy! « » Improve Largest Contentful Paint (LCP) and Speed up your WordPress Website

Improve Largest Contentful Paint (LCP) and Speed up your WordPress Website

پادکست هایی که ارزش شنیدن دارند

به Player FM خوش آمدید!

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

Sunrise on the Reaping (A Hunger Games Novel) (The Hunger Games)

2024 Panini Prestige Football Trading Cards Fat Pack

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

راهنمای مرجع سریع

Siegfried, deploy! « »
Improve Largest Contentful Paint (LCP) and Speed up your WordPress Website