Rumah > hujung hadapan web > tutorial js > Penjanaan Tapak Statik (SSG) | Penjelasan dengan Anologi

Penjanaan Tapak Statik (SSG) | Penjelasan dengan Anologi

Mary-Kate Olsen
Lepaskan: 2024-11-28 06:28:13
asal
226 orang telah melayarinya

Static Site Generation (SSG) | Explanation with Anology

Penjanaan Tapak Statik (SSG) ialah kaedah membina tapak web yang mana halaman HTML dijana pada masa binaan, bukannya pada masa jalan. Ini bermakna kandungan tapak web tersebut telah dipra-pamerkan ke dalam fail HTML statik sebelum ia digunakan ke pelayan web.


Analogi untuk Penjanaan Tapak Statik (SSG) boleh diambil daripada dunia percetakan buku.

Analogi: Mencetak Buku Sebelum Pelancaran

Bayangkan anda seorang pengarang yang merancang untuk mengeluarkan buku baharu. Dalam senario ini, buku itu ialah tapak web anda dan halaman buku itu ialah halaman web individu (seperti halaman utama, halaman tentang, catatan blog, dll.).

  1. Tapak Web Dinamik Tradisional (Percetakan Masa Nyata):

Untuk tapak web tradisional (seperti tapak web dinamik), setiap kali seseorang memesan salinan buku anda, penerbit mencetak buku itu dari awal, satu demi satu. Setiap pelanggan perlu menunggu buku itu dicetak dan dijilid sebelum mereka mendapatkan salinannya. Semakin banyak pesanan anda, semakin lama masa yang diperlukan untuk mencetak semua salinan, dan proses boleh menjadi perlahan jika ramai orang membuat pesanan serentak (laman web perlahan).

  1. Penjanaan Tapak Statik (Buku Pra-Cetak):

Sekarang, bayangkan daripada mencetak buku apabila seseorang memesannya, anda mencetak semua buku lebih awal daripada masa dan menyimpannya di kedai anda. Apabila seseorang datang untuk membeli buku itu (atau melawati tapak web), mereka boleh segera mengambil salinan pracetak dari rak. Tiada masa menunggu dan buku (halaman web) sedia untuk digunakan.

Ini seperti Penjanaan Tapak Statik (SSG), di mana semua halaman web dijana sebelum pengguna melawati tapak tersebut dan apabila seseorang meminta halaman, ia disiarkan serta-merta daripada fail statik yang telah dibina sebelumnya.

Faedah dalam analogi ini:

Kelajuan: Pelanggan boleh mengambil buku pracetak dengan segera, sama seperti pengguna boleh mengakses halaman web pra-bina serta-merta.

Kecekapan: Tidak perlu mencetak semula buku setiap kali seseorang memesannya, sama seperti tidak perlu memaparkan semula halaman untuk setiap pengguna.

Skalabiliti: Sama ada anda mempunyai 10 pelanggan atau 10,000, apa yang mereka perlu lakukan ialah mengambil buku pracetak dari rak (atau disampaikan halaman pra-bina).

Cara ini terpakai kepada SSG:

Pra-Pembinaan: Buku ini dicetak secara pukal (halaman adalah pra-diberikan semasa masa binaan).

Akses Segera: Apabila pengguna (pelanggan) datang ke tapak (kedai), mereka serta-merta mendapat kandungan itu kerana kandungan itu sudah sedia dibina (pracetak).

Contoh Teknologi SSG: Gatsby

Gatsby ialah Penjana Tapak Statik yang popular. Ia membolehkan anda membuat pra-bina tapak web dengan menyusun data daripada pelbagai sumber (seperti CMS, fail penurunan nilai atau API) ke dalam fail HTML, CSS dan JavaScript statik. Setelah dibina, tapak web anda boleh disiarkan dengan cepat, sama seperti buku pracetak di atas rak.

Ringkasnya, SSG adalah seperti mencetak semua buku anda sebelum pelancaran, jadi apabila pelanggan muncul, mereka boleh serta-merta merebut salinan tanpa perlu menunggu untuk dicetak, menawarkan cara yang lebih pantas dan cekap untuk menyampaikan kandungan.

Atas ialah kandungan terperinci Penjanaan Tapak Statik (SSG) | Penjelasan dengan Anologi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan