ืื•ืคื˜ื™ืžื™ื–ืฆื™ื™ืช ืžื”ื™ืจื•ืช ื•ื•ืจื“ืคืจืก: ืžื“ืจื™ืš ื˜ื›ื ื™ ืžื”ืฉื˜ื—

TL;DR

ืจื•ื‘ ืืชืจื™ ื”ื•ื•ืจื“ืคืจืก ืื™ื˜ื™ื™ื ื‘ื’ืœืœ ืขื•ื“ืฃ ืชื•ืกืคื™ื, ื”ื™ืขื“ืจ ืžื˜ืžื•ืŸ, ืชืžื•ื ื•ืช ืœืœื ืื•ืคื˜ื™ืžื™ื–ืฆื™ื” ื•ืกืงืจื™ืคื˜ื™ื ื—ื•ืกืžื™ ืจื™ื ื“ื•ืจ โ€” ืœื ื‘ื’ืœืœ ื—ื‘ื™ืœืช ื”ืื—ืกื•ืŸ. ืœืคื ื™ ืฉืžืชืงื™ื ื™ื WP Rocket ืื• ืžืฉื“ืจื’ื™ื ืฉืจืช, ื‘ื“ืงื• ืืช ื”ืชื•ืกืคื™ื ื•ื”ืชืœื•ื™ื•ืช ืฉืœื›ื. ื”ืžื“ืจื™ืš ืžืจืื” ืืช ื”ืกื“ืจ ื”ืžื“ื•ื™ืง ืœืื‘ื—ื•ืŸ ื•ืœืชื™ืงื•ืŸ ืฉืœ ื›ืœ ื‘ืขื™ื”.

ืื‘ื—ื ื• ืœืคื ื™ ืฉืืชื ืžืชืงื ื™ื

ื”ืจื™ืฆื• Google PageSpeed Insights (https://pagespeed.web.dev/) ืขืœ ื”ืืชืจ. ื”ื“ื•ื— ืžืฆื™ื’ ื‘ืขื™ื•ืช ืกืคืฆื™ืคื™ื•ืช: "Eliminate render-blocking resources", "Reduce JavaScript execution time", "Optimize images" ื•ื›ื•'. ืืœ ืชืชืงื™ื ื• ื›ืœื•ื ืขื“ื™ื™ืŸ โ€” ืจืง ื–ื”ื• ืืช ืฉืœื•ืฉ ื”ื‘ืขื™ื•ืช ื”ื’ื“ื•ืœื•ืช ื‘ื™ื•ืชืจ.

ืžืžืฆืื™ื ื ืคื•ืฆื™ื ื‘ืืชืจื™ ื•ื•ืจื“ืคืจืก ืื™ื˜ื™ื™ื: (ื) ืžืฉืงืœ ืขืžื•ื“ ื›ื•ืœืœ ืœื ื“ื—ื•ืก ืฉืœ 3โ€“5 MB (ืฆืจื™ืš ืœื”ื™ื•ืช ืžืชื—ืช ืœ-1 MB), (ื‘) 80โ€“120 ื‘ืงืฉื•ืช HTTP (ืฆืจื™ืš ืœื”ื™ื•ืช ืžืชื—ืช ืœ-40), (ื’) Largest Contentful Paint (LCP) ืžืขืœ 3 ืฉื ื™ื•ืช (ืฆืจื™ืš ืœื”ื™ื•ืช ืžืชื—ืช ืœ-2.5), (ื“) Cumulative Layout Shift (CLS) ืžืขืœ 0.2 (ืฆืจื™ืš ืœื”ื™ื•ืช ืžืชื—ืช ืœ-0.1).

ืื™ื ื˜ืจืืงื˜ื™ื‘ื™

ืžื“ื“ื™ ืœื™ื‘ื” โ€” ื’ืจืจื• ืœื‘ื“ื™ืงืช ื”ืฆื™ื•ืŸ ืฉืœื›ื

LCPื˜ื•ื‘

2s

ื˜ื•ื‘ โ‰ค 2.5sื—ืœืฉ > 4s

ื˜ืขื™ื ืช ื”ืชื•ื›ืŸ ื”ืขื™ืงืจื™

INPื˜ื•ื‘

180ms

ื˜ื•ื‘ โ‰ค 200msื—ืœืฉ > 500ms

ืชื’ื•ื‘ื” ืœืื™ื ื˜ืจืืงืฆื™ื”

CLSื˜ื•ื‘

0.06

ื˜ื•ื‘ โ‰ค 0.1ื—ืœืฉ > 0.25

ื™ืฆื™ื‘ื•ืช ืคืจื™ืกื”

ืฉืœื‘ 1: ื‘ื“ื™ืงื” ื•ื’ื™ื–ื•ื ืฉืœ ืชื•ืกืคื™ื

ื‘ืจื•ื‘ ืืชืจื™ ื”ื•ื•ืจื“ืคืจืก ื™ืฉ 20โ€“40 ืชื•ืกืคื™ื, ืื‘ืœ ื‘ื“ืจืš ื›ืœืœ ืจืง 7โ€“10 ื‘ืืžืช ื—ื™ื•ื ื™ื™ื. ื”ื™ื›ื ืกื• ืืœ ื”ืชื•ืกืคื™ื > ื›ืœ ื”ืชื•ืกืคื™ื ื•ื›ื‘ื• (ื‘ืœื™ ืœืžื—ื•ืง) ื›ืœ ืชื•ืกืฃ ืฉืืชื ืœื ื‘ื˜ื•ื—ื™ื ืœื’ื‘ื™ื•. ื‘ื“ืงื• ืืช ื”ืืชืจ. ืขื“ื™ื™ืŸ ืขื•ื‘ื“? ืื ื›ืŸ, ืžื—ืงื• ืืช ื”ืชื•ืกืคื™ื ื”ืืœื” ื•ื—ื–ืจื• ืขืœ ื”ืชื”ืœื™ืš. ืจื•ื‘ ื”ืืชืจื™ื ื™ื›ื•ืœื™ื ืœืจื“ืช ื‘ื‘ื˜ื—ื” ืœ-8โ€“12 ืชื•ืกืคื™ื ื—ื™ื•ื ื™ื™ื.

ืชื•ืกืคื™ื ืฉืฉื•ื•ื” ืœืฉืงื•ืœ ืœื”ืกื™ืจ: WP Super Cache (ื”ืฉืชืžืฉื• ื‘ืžืงื•ื ื–ื” ื‘ืžื˜ืžื•ืŸ ื”ืื•ื‘ื™ื™ืงื˜ื™ื ื”ืžื•ื‘ื ื” ืฉืœ ื•ื•ืจื“ืคืจืก), Yoast SEO (ืขื‘ืจื• ืœ-Rank Math โ€” ืงืœ ื™ื•ืชืจ), ืืœืžื ื˜ื•ืจ (ืขื‘ืจื• ืœืขืจื›ืช ืขื™ืฆื•ื‘ ืžื•ืชืืžืช), ื”ืจื—ื‘ื•ืช ื•ื•ืงื•ืžืจืก ืฉืื™ื ื›ื ืžืฉืชืžืฉื™ื ื‘ื”ืŸ ื‘ืคื•ืขืœ. ื›ืœ ืชื•ืกืฃ ืฉืžื•ืกืจ ื—ื•ืกืš 200โ€“800 ืžื™ืœื™ืฉื ื™ื•ืช ื‘ื˜ืขื™ื ืช ื”ืขืžื•ื“.

ืฉืœื‘ 2: ื”ืคืขืœืช ืžื˜ืžื•ืŸ ื•ื“ื—ื™ืกื”

ืžื˜ืžื•ืŸ ืื•ื‘ื™ื™ืงื˜ื™ื ื‘ื•ื•ืจื“ืคืจืก ื”ื•ื ืฉื™ืคื•ืจ ื”ื‘ื™ืฆื•ืขื™ื ื”ื’ื“ื•ืœ ื‘ื™ื•ืชืจ ื‘ืžื›ื” ืื—ืช. ื”ืชืงื™ื ื• WP Redis ืื• Memcached ื“ืจืš ื—ื‘ืจืช ื”ืื—ืกื•ืŸ (ืจื•ื‘ ื—ื‘ืจื•ืช ื”ืื—ืกื•ืŸ ื”ืžื ื•ื”ืœื•ืช ื›ื•ืœืœื•ืช ืืช ื–ื”). ื”ื•ืกื™ืคื• ืœ-wp-config.php ืืช ื”ืฉื•ืจื” `define( 'WP_CACHE', true );` ื•ื”ืชืงื™ื ื• ืชื•ืกืฃ ืžืชืื ืžื˜ืžื•ืŸ ื›ืžื• Redis Object Cache. ื–ื” ืฉื•ืžืจ ื‘ืžื˜ืžื•ืŸ ืืช ืฉืื™ืœืชื•ืช ืžืกื“ ื”ื ืชื•ื ื™ื ื•ืžืงืฆืจ ืืช ื–ืžืŸ ื”ื˜ืขื™ื ื” ื‘-30โ€“50%.

ื”ืคืขื™ืœื• ื“ื—ื™ืกืช gzip ื‘ื”ื’ื“ืจื•ืช ื”ืฉืจืช (ืืฆืœ ื—ื‘ืจื•ืช ืื—ืกื•ืŸ ืžื•ื“ืจื ื™ื•ืช ื–ื” ื‘ื“ืจืš ื›ืœืœ ืื•ื˜ื•ืžื˜ื™). ืœื‘ื“ื™ืงื”: ื”ื™ื›ื ืกื• ืœ-https://www.giftofspeed.com/gzip-test/ ื•ื”ื“ื‘ื™ืงื• ืืช ื›ืชื•ื‘ืช ื”ืืชืจ. ืื "Gzip" ืžื•ืคื™ืข ื‘ื™ืจื•ืง โ€” ืืชื ืžืกื•ื“ืจื™ื. ืื ืœื, ืคื ื• ืœื—ื‘ืจืช ื”ืื—ืกื•ืŸ.

ืฉืœื‘ 3: ืื•ืคื˜ื™ืžื™ื–ืฆื™ื” ืื’ืจืกื™ื‘ื™ืช ืฉืœ ืชืžื•ื ื•ืช

ื”ืชืงื™ื ื• ShortPixel ืื• Smush ื•ื”ืจื™ืฆื• ืื•ืชื• ืขืœ ื›ืœ ื”ืชืžื•ื ื•ืช (ื›ื•ืœืœ ื”ืงื™ื™ืžื•ืช). ื”ื’ื“ื™ืจื•: (ื) ื”ืžืจื” ืœ-WebP, (ื‘) ืฉื™ื ื•ื™ ื’ื•ื“ืœ ืœืจื•ื—ื‘ ืžืงืกื™ืžืœื™ ืฉืœ 2400px, (ื’) ื“ื—ื™ืกื” ืœืื™ื›ื•ืช ืฉืœ 70โ€“80%. ืกืคืจื™ื™ืช ืžื“ื™ื” ื˜ื™ืคื•ืกื™ืช ื‘ื•ื•ืจื“ืคืจืก (100โ€“500 ืชืžื•ื ื•ืช) ืžืฆื˜ืžืฆืžืช ื‘-60โ€“70% (ืž-300 MB ืœ-100 MB).

ืœื”ืขืœืื•ืช ื—ื“ืฉื•ืช, ื”ืคืขื™ืœื• lazy loading โ€” ืชืžื•ื ื•ืช ื‘ื”ืžืฉืš ื”ืขืžื•ื“ ื ื˜ืขื ื•ืช ืจืง ื›ืฉื”ืŸ ื ื›ื ืกื•ืช ืœืื–ื•ืจ ื”ืชืฆื•ื’ื”. ื’ื ื•ื•ืงื•ืžืจืก ื•ื’ื ื•ื•ืจื“ืคืจืก ืชื•ืžื›ื™ื ื‘ื–ื” ื‘ืื•ืคืŸ ืžื•ื‘ื ื” ื“ืจืš ื”ืžืืคื™ื™ืŸ `loading="lazy"`. ื”ืฆืขื“ ื”ื–ื” ืœื‘ื“ื• ืžืงืฆืจ ืืช ื–ืžืŸ ื”ื˜ืขื™ื ื” ื‘-15โ€“25% ื‘ืืชืจื™ื ืขืชื™ืจื™ ืชืžื•ื ื•ืช.

ืฉืœื‘ 4: ื“ื—ื™ื™ื” ืื• ื‘ื™ื˜ื•ืœ ืฉืœ JavaScript ื—ื•ืกื ืจื™ื ื“ื•ืจ

ื‘ืจื•ื‘ ืืชืจื™ ื”ื•ื•ืจื“ืคืจืก ื”ืื™ื˜ื™ื™ื ื™ืฉ 200โ€“400 KB ืฉืœ JavaScript ืœื ืžืื•ืคื˜ื. ื”ืฉืชืžืฉื• ื‘ืชื•ืกืฃ Query Monitor (ื—ื™ื ืžื™) ื›ื“ื™ ืœืจืื•ืช ืื™ื–ื” ืชื•ืกืฃ ื˜ื•ืขืŸ ืื™ื–ื” ืกืงืจื™ืคื˜. ื›ื‘ื• ืกืงืจื™ืคื˜ื™ื ืฉืœ ื•ื•ื™ื“ื’'ื˜ื™ื ืฉืื™ื ื ื‘ืฉื™ืžื•ืฉ (Elementor > Settings > Performance). ื˜ืขื ื• ืกืงืจื™ืคื˜ื™ื ืœื ืงืจื™ื˜ื™ื™ื ืขื "Async" ืื• "Defer" ื“ืจืš ืชื•ืกืคื™ื ื›ืžื• WP Optimize ืื• Autoptimize.

ื“ื•ื’ืžื”: Google Analytics, Hotjar ื•-Facebook Pixel ืฆืจื™ื›ื™ื ื›ื•ืœื ืœื”ื™ื˜ืขืŸ ืขื `async` ืื• `defer`, ืœื ื‘ืื•ืคืŸ ืกื™ื ื›ืจื•ื ื™. ืื ืกืงืจื™ืคื˜ ืžืขืงื‘ ืื—ื“ ื—ื•ืกื ืืช ืจื™ื ื“ื•ืจ ื”ืขืžื•ื“, ืืชื ืžื‘ื–ื‘ื–ื™ื 1โ€“2 ืฉื ื™ื•ืช.

ืฉืœื‘ 5: ื‘ื“ืงื• ืฉื•ื‘ ื•ืชืขื“ื•

ืื—ืจื™ ื›ืœ ืชื™ืงื•ืŸ, ื”ืจื™ืฆื• ืฉื•ื‘ ืืช PageSpeed Insights ื•ื”ืฉื•ื•: ื–ืžืŸ ื˜ืขื™ื ื” ืฉืœ 4.2 ืฉื ื™ื•ืช ืœืคื ื™, 2.8 ืฉื ื™ื•ืช ืื—ืจื™ โ€” ืฉื™ืคื•ืจ ืฉืœ 33%. ื’ื ืื ืขื•ื“ ืœื ื”ื’ืขืชื ืœืฆื™ื•ืŸ ืฉืœ 90 ื•ืžืขืœื”, ื›ืœ ืฉื™ืคื•ืจ ืฉืœ ื—ืฆื™ ืฉื ื™ื™ื” ืžื™ืชืจื’ื ืœ-3โ€“4% ืฉื™ืคื•ืจ ื‘ืฉื™ืขื•ืจ ื”ื”ืžืจื” (ืœืคื™ Google).

ืงื‘ืขื• ื ืงื•ื“ืช ื‘ืกื™ืก ืœื ื™ื˜ื•ืจ ืขื Google Analytics 4 ื•ืขืงื‘ื• ืื—ืจื™ ืื™ืจื•ืขื™ "Web Vitals" (Largest Contentful Paint, First Input Delay, Cumulative Layout Shift). ืจื•ื‘ ื”ืฉื™ืคื•ืจื™ื ืžืฆื˜ื‘ืจื™ื: ื”ื•ืกืคืช ืžื˜ืžื•ืŸ (30% ืฉื™ืคื•ืจ) + ื”ืกืจืช ืชื•ืกืคื™ื (20%) + ืื•ืคื˜ื™ืžื™ื–ืฆื™ื™ืช ืชืžื•ื ื•ืช (15%) = ืืชืจ ืžื”ื™ืจ ื™ื•ืชืจ ื‘-65%.

ืฉืืœื•ืช ื ืคื•ืฆื•ืช

ื”ืื ืฉื•ื•ื” ืœืฉื“ืจื’ ืื—ืกื•ืŸ (ืžืžืฉื•ืชืฃ ืœ-VPS)?

ืœื, ืื ื”ืงื•ื“ ืœื ืžืื•ืคื˜ื. VPS ืžื”ื™ืจ ืคื™ 2โ€“3 ื‘ื”ื’ืฉืช ื‘ืงืฉื•ืช, ืื‘ืœ ืื ื”ื•ื•ืจื“ืคืจืก ืฉืœื›ื ืžื™ื™ืฆืจ ืฉืื™ืœืชื•ืช ืื™ื˜ื™ื•ืช ืื• ื˜ื•ืขืŸ 50 ืชื•ืกืคื™ื, ื”-VPS ืคืฉื•ื˜ ืžืจื™ืฅ ืืช ืื•ืชื• ืงื•ื“ ืื™ื˜ื™ ืžื”ืจ ื™ื•ืชืจ. ืฆืคื• ืœืฉื™ืคื•ืจ ืฉืœ 15โ€“25% ื‘ืœื‘ื“ ืžื”ืื—ืกื•ืŸ ืœื‘ื“ื•. ืงื•ื“ื ื‘ืฆืขื• ืื•ืคื˜ื™ืžื™ื–ืฆื™ื” ืœืงื•ื“; ืฉื“ืจื’ื• ืื—ืกื•ืŸ ืจืง ืื ืืชื ื›ื‘ืจ ื‘ื ืงื•ื“ืช ื‘ืกื™ืก ื˜ื•ื‘ื”.

ื”ืื WP Rocket ืคื•ืชืจ ื”ื›ื•ืœ?

ืœื. WP Rocket ื”ื•ื ืชื•ืกืฃ ืžื˜ืžื•ืŸ โ€” ื”ื•ื ืขื•ื–ืจ, ืื‘ืœ ืœื ืžืชืงืŸ ืืช ืฉื•ืจืฉ ื”ื‘ืขื™ื” (ืขื•ื“ืฃ ืชื•ืกืคื™ื, ืชืžื•ื ื•ืช ืœืœื ืื•ืคื˜ื™ืžื™ื–ืฆื™ื”, ืฉืื™ืœืชื•ืช ืื™ื˜ื™ื•ืช). ืจื•ื‘ ื”ืืชืจื™ื ืฉืงื•ื ื™ื WP Rocket ื‘ืœื™ ืœื‘ื“ื•ืง ืงื•ื“ื ืืช ื”ืชื•ืกืคื™ื ืจื•ืื™ื ืจืง 20โ€“30% ืฉื™ืคื•ืจ. ื‘ื“ืงื• ืงื•ื“ื, ื•ืื– ื”ื•ืกื™ืคื• ืืช WP Rocket ืื ืืชื ืจื•ืฆื™ื ืขื•ื“ 10โ€“15% ืžืชืขื“ื•ืฃ HTTP/2 ื•ืžื“ื—ื™ื™ืช JavaScript.

ืžืงื•ืจื•ืช

ืงืจื™ืื” ื ื•ืกืคืช