javascript - Penyelesaian masalah pemaparan bahagian pelayan Node.js

Question

Saya juga telah membaca beberapa artikel yang sepadan tentang pemaparan bahagian pelayan Nampaknya beberapa rangka kerja dimulakan pada bahagian nod. Tetapi saya berfikir bahawa rangka kerja bahagian hadapan am mesti melibatkan DOM, tetapi pelayan tidak boleh mempunyai operasi DOM. Apa yang saya ingin tanyakan ialah:
1 Apakah masalah yang boleh diatasi oleh rendering sebelah pelayan?
2. Bagaimanakah masalah seo diselesaikan?
3. Apakah penyelesaian semasa kepada prestasi rendah skrin pertama aplikasi spa?

Answer 1

Mengenai pemaparan sebelah pelayan bagi reaksi, izinkan saya bercakap secara ringkas tentang pemahaman saya:

Yang terbesar adalah untuk menyelesaikan masalah SEO, dan yang kedua adalah untuk mempercepatkan rendering pelanggan.

server-side-rendering(SSR) Ringkasnya, ia memanggil ReactDOM.renderToString kaedah ini, menjadikan komponen dalam konteks js pada bahagian pelayan, dan kemudian mengembalikan teg html Dengan cara ini, apabila pihak klien bertindak balas berjalan, melalui tindak balas DOM maya dikemas kini secara berperingkat dengan membandingkan react-id, iaitu, jika tiada kemas kini kepada klien pada DOM tertentu, hasil pelayan diperoleh secara langsung, jadi kelajuan rendering klien adalah dipercepatkan ke tahap tertentu.

Kedua ialah seo Kerana pelayan mengembalikan tag html secara langsung, walaupun crawler akan mengembalikan tag seo sebenar. Ini sangat berguna untuk beberapa portal. Dengan cara ini, perangkak enjin carian boleh merangkak ke maklumat utama tapak web, yang akan membantu kedudukan laman web.

Dari segi prestasi SSR, penyelesaian umum nampaknya melalui cache Terdapat beberapa projek pada github, seperti electron-react-ssr-caching
projek-projek ini mengoptimumkan SSR melalui cache adalah Dengan membandingkan prop, cache akan mempercepatkan pemaparan seterusnya.