Performance
31 bài viết trong chuyên mục Performance.
Cloudflare cấu hình — 5 bước cho WordPress shop VN
Cloudflare là CDN free + DDoS + SSL all-in-one. Bài 5 bước: thêm domain, switch DNS, bật cache + Polish + APO, config Page Rules, verify…
Đọc bài →
Cache browser headers — Cache-Control, ETag cho WordPress
HTTP cache header điều khiển browser cache asset bao lâu. Bài giải thích Cache-Control directive, ETag vs Last-Modified, recommendation per asset type.
Đọc bài →
Service Worker cache — 5 bước implement offline cho WordPress
Service Worker proxy request, cache offline, push notification. Bài 5 bước: register SW, cache strategy, update lifecycle, debug DevTools, pattern offline shop.
Đọc bài →
Vercel edge cache — Next.js + WordPress headless
Vercel edge cache 70+ region, ISR/SWR pattern, Edge Function < 50ms global. Bài 5 bước: deploy app, Cache-Control header, ISR, Edge Function, benchmark TTFB.
Đọc bài →
Redis cache WordPress — 5 bước giảm 78% TTFB cho shop VN
Redis Object Cache giảm 70-90% DB query, TTFB drop 60-80%. Bài 5 bước: cài Redis, plugin Redis Object Cache, verify hit rate, tune, benchmark −78% TTFB.
Đọc bài →
Unused CSS — 5 bước loại bỏ giảm 70% bytes cho WordPress
Unused CSS chiếm 70-90% theme WordPress premium. Bài 5 bước loại bỏ: audit Coverage tab, PurgeCSS, plugin WP Rocket, exception safelist, benchmark −69% bytes.
Đọc bài →
Preload vs Prefetch — 2 resource hint cho WordPress shop
preload cho asset critical hiện tại, prefetch cho asset future navigation. Bài so sánh 7 khía cạnh, use case font/image/JS/route, recommendation cho shop bán hàng.
Đọc bài →
Minify JS CSS — 5 bước cho WordPress shop bán hàng
Minify JS/CSS giảm 30-60% file size. Bài 5 bước: chọn tool Terser/cssnano, build pipeline, plugin WordPress auto, verify integrity, benchmark −37% page weight.
Đọc bài →
Tree shaking là gì — loại code không dùng trong bundle JS
Tree shaking là kỹ thuật build tool loại bỏ code không import từ bundle, giảm 30-60% JS size. Bài giải thích cơ chế ES module, điều…
Đọc bài →
Code splitting là gì — chia bundle JS theo route, component
Code splitting chia bundle JS thành chunk nhỏ load on-demand, giảm 50-80% initial JS. Bài giải thích 3 chiến lược: route-based, component-based, vendor split.
Đọc bài →