SEO·13 · 08 · 24·6 MIN READ

Website Speed Optimization: A Complete Guide for Thai SMEs

Website Speed Optimization: A Complete Guide for Thai SMEs

Website speed is not just user experience — it's a direct Google ranking factor. Core Web Vitals are embedded in Google's ranking algorithm, and slow-loading sites are penalized in search results. For Thai SMEs whose users primarily access sites via mobile on 4G/5G connections, pages taking more than 3 seconds to load lose 53% of visitors before content even appears.

Understanding Core Web Vitals

Google uses three primary metrics to evaluate page speed and user experience:

LCP (Largest Contentful Paint) — Target: <2.5 seconds
Measures how long the largest visible element (hero image, large text block) takes to load. This is typically the first thing users see.

INP (Interaction to Next Paint) — Target: <200ms
Measures how quickly the page responds to user interactions (clicks, taps, keyboard input). Replaced FID as the interactivity metric in 2024.

CLS (Cumulative Layout Shift) — Target: <0.1
Measures visual stability — prevents elements from jumping around as the page loads, which causes accidental taps and frustrating experiences.

Check your Core Web Vitals in Google Search Console → Core Web Vitals Report. This shows real-world data from actual Chrome users, not just lab simulations.

Image Optimization: Highest-Impact Fix

Unoptimized images are the most common cause of poor LCP scores.

Solutions:

  • Convert images to WebP or AVIF format — reduces file size 25–50% versus JPEG/PNG at equivalent quality
  • Implement Lazy Loading (loading="lazy") for all images below the fold
  • Always specify Width and Height attributes to prevent CLS during load
  • Use a CDN for image delivery (Cloudflare Images, Imgix, or BunnyCDN)
  • Add etchpriority="high" to your hero image — tells the browser to prioritize it

Free tools: Squoosh.app for individual image compression, Cloudflare's image optimization for automated processing.

Hosting and Server Improvements

Choose the right hosting:

  • Cheap shared hosting often has TTFB (Time to First Byte) >500ms — upgrade to VPS or cloud hosting
  • Enable Cloudflare CDN (free tier available) to serve files from edge servers near your users
  • Ensure HTTP/2 or HTTP/3 is enabled on your server
  • Set proper Cache-Control headers for static assets (images, CSS, JS)

For WordPress sites:
Plugins like WP Rocket, LiteSpeed Cache, or W3 Total Cache automate caching, minification, and lazy loading configuration without requiring developer expertise.

Eliminating Render-Blocking Resources

JavaScript and CSS files that block page rendering delay when users see content.

Solutions:

  • Move non-critical JavaScript to just before or add sync/defer attributes
  • Minify CSS, JavaScript, and HTML (remove whitespace and comments)
  • Remove unused CSS with tools like PurgeCSS or the "Remove unused CSS" option in your cache plugin
  • Inline critical CSS for above-the-fold content to render the visible portion immediately

Optimizing Web Fonts

Web fonts cause CLS because browsers initially render text in a fallback font, then swap to the loaded font — shifting layout.

Solutions:

  • Add ont-display: swap to your @font-face declarations
  • Preload primary fonts with
  • Limit to a maximum of 2 font families per site
  • Consider system fonts for body text to eliminate font loading entirely (especially effective for Thai content)

Tools for Speed Analysis

  • Google PageSpeed Insights (pagespeed.web.dev) — combines real-world field data with lab diagnostics
  • GTmetrix — waterfall chart identifies which specific resources are slowest
  • WebPageTest — test from multiple global locations including Southeast Asia
  • Chrome DevTools → Lighthouse — deepest analysis for developers with actionable recommendations

TL;DR — Key Takeaways

  • Core Web Vitals (LCP <2.5s, INP <200ms, CLS <0.1) are direct Google ranking factors
  • Image optimization to WebP with lazy loading typically delivers the fastest improvement
  • Free Cloudflare CDN significantly reduces TTFB without changing hosting providers
  • Render-blocking resources require async/defer attributes and CSS minification
  • Verify improvements with PageSpeed Insights after every change

FAQ

Q: My WordPress site is slow — what should I fix first?
A: Install a caching plugin (WP Rocket or LiteSpeed Cache), enable Cloudflare CDN, then convert images to WebP. These three steps typically improve PageSpeed scores by 20–40 points.

Q: What PageSpeed score should I aim for?
A: Target 90+ for mobile, but the "Field Data" (real-world Core Web Vitals) section matters more than the lab score. Green across all three CWV metrics is the true goal.

Q: Do YouTube embeds hurt page speed?
A: Yes significantly. Use a lazy-loading YouTube facade — display a thumbnail image, then load the actual iframe only when the user clicks. This keeps LCP fast.

Q: How much does upgrading from shared to cloud hosting cost?
A: Cloud hosting via Cloudways or RunCloud on DigitalOcean starts at –14/month — comparable to quality shared hosting but with dramatically better performance for Thai users.

Q: How often should I test page speed?
A: After every major theme update, plugin change, or content addition. Run a full audit quarterly to catch regressions before they impact rankings.

Chat on LINE@tectony