To take WooCommerce Performance to the next level
combine the benefits of Headless CMS, Static Site Generation (SSG), Static Cache and Progressive Web Apps (PWA), present the approach through a WordPress plugin.
Approach
- Headless CMS
- Use a Headless CMS to manage your content. This allows you to edit and update your content dynamically through an API.
- Static Site Generation
- Use a Static Site Generator (SSG) to pre-build your web pages.
- Static Cache
- Deply the generated static HTML files to a Content Delivery Network (CDN) or static hosting servce.
- Progressive Web Apps
- Built with web platform technologies, but provide a user experience like a platform-specific app.
- Updating
- Whenever content is updated in the headless CMS, trigger a rebuild of the static site to generate new static pages with the updated content.
- Mobile Only
- Used only for mobile devices, since they have slow Internet connection, less-powerful CPU, and small memory.
Benefit
- Performance
- Static pages load quickly because they are pre-build and served directly from the CDN.
- Flexibility
- Content can be managed and updated dynamically in the headless CMS.
- SEO
- Pre-rendered HTML is great for search engine optimization.
- Security
- Static sites are inherently more secure as there is no server-side processing at runtime.
- Offline
- High speed, the ability to work offline, and accessibility directly from the browser.
Frequently asked questions
- What's the best thing about Switzerland?
I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
- How do you make holy water?
You boil the hell out of it. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam aut tempora vitae odio inventore fuga aliquam nostrum quod porro. Delectus quia facere id sequi expedita natus.
- What do you call someone with no body and no nose?
Nobody knows. Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, voluptas ipsa quia excepturi, quibusdam natus exercitationem sapiente tempore labore voluptatem.
- Why do you never see elephants hiding in trees?
Because they're so good at it. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
- Why can't you hear a pterodactyl go to the bathroom?
Because the pee is silent. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, quas voluptatibus ex culpa ipsum, aspernatur blanditiis fugiat ullam magnam suscipit deserunt illum natus facilis atque vero consequatur! Quisquam, debitis error.
- Why did the invisible man turn down the job offer?
He couldn't see himself doing it. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eveniet perspiciatis officiis corrupti tenetur. Temporibus ut voluptatibus, perferendis sed unde rerum deserunt eius.
Ready to dive in?
Start your free trial today.
Get in touch
Rickey Gu
- [email protected]