Prerendering គឺជាបច្ចេកវិទ្យាដែលអនុញ្ញាតឱ្យ Framework បង្កើត HTML ទុកជាមុន (at build time)។ នៅពេលអ្នកប្រើប្រាស់ចូលទៅកាន់គេហទំព័រ ពួកគេនឹងឃើញមាតិកាភ្លាមៗ ដោយមិនចាំបាច់រង់ចាំការ Render ពី Server ឬ JavaScript នៅលើ Browser នោះទេ។
មុនពេលមានការកែសម្រួលនេះ ការធ្វើ Prerendering មានភាពស្មុគស្មាញ ដោយសារ Brisa ប្រើប្រាស់ JSX ដែលត្រូវបំប្លែងទៅជា HTML។ បញ្ហាគឺធ្វើដូចម្តេចដើម្បីឱ្យ Parser យល់អំពីសមាសភាគ (Components) ណាដែលត្រូវ Render ជាមុន និងសមាសភាគណាដែលត្រូវទុកឱ្យ Client ជាអ្នកធ្វើ។
អ្នកអភិវឌ្ឍន៍បានធ្វើការកែសម្រួលធំមួយ (Pull Request) ទៅលើ HTML Parser របស់ Brisa៖
- បច្ចេកវិទ្យា Streaming: Parser ថ្មីនេះអាចធ្វើការបានលឿនជាងមុន និងគាំទ្រការបញ្ជូនទិន្នន័យជាដំណាក់កាល (Streaming)។
- Static + Dynamic: វាអនុញ្ញាតឱ្យគេហទំព័រមានផ្នែកខ្លះជា Static (មិនផ្លាស់ប្តូរ) និងផ្នែកខ្លះទៀតជា Dynamic (ផ្លាស់ប្តូរតាមទិន្នន័យ) ក្នុងពេលតែមួយបានយ៉ាងរលូន។
ផលប្រយោជន៍សម្រាប់ Developer
- Performance: គេហទំព័រដើរលឿនជាងមុនខ្លាំង (Faster Time to First Byte - TTFB)។
- SEO: ដោយសារ HTML ត្រូវបានបង្កើតទុកជាមុន វាងាយស្រួលសម្រាប់ Search Engine ដូចជា Google ក្នុងការប្រមូលទិន្នន័យ (Crawl)។
- Developer Experience: មិនចាំបាច់រៀបចំ Configuration ច្រើន។ ការសរសេរ Code ធម្មតា ប៉ុន្តែទទួលបានអត្ថប្រយោជន៍ពី Prerendering ដោយស្វ័យប្រវត្តិ។
ប្រសិនបើអ្នកធ្លាប់ប្រើ Next.js ឬ Astro អ្នកនឹងឃើញថា Brisa កំពុងដើរក្នុងគន្លងស្រដៀងគ្នា ប៉ុន្តែក្នុងលក្ខណៈស្រាល (Lightweight) ជាង។ ការប្រើប្រាស់ brisa-request-context និងការកែសម្រួល Parser នេះ ធ្វើឱ្យការគ្រប់គ្រង State រវាង Server និង Client មានភាពស៊ីចង្វាក់គ្នាបំផុត។
ប្រភព៖ https://aralroca.hashnode.dev/one-pr-to-a-parser-unlocked-prerendering-in-brisa