Analisis Static Site Generator pada Web Responsif Portal Berita = Static Site Generator Analysis on Responsive Web News Portal

Penerapan situs web portal berita mengharuskan aplikasi web bersifat dinamis, namun seperti yang kita ketahui web dinamis lebih lambat jika dibandingkan dengan web statis. Hal ini di sebabkan karena situs web diintegrasikan dengan database dan penggunaan script PHP,JavaScript, ataupun script lainnya sedangkan web statis konten informasi hanya diproses langsung dari HTML tanpa adanya script lain. Salah satu trend saat ini adalah membangun website dengan Static Site Generator (SSG) yang memberikan kemampuan pada aplikasi web dalam menghasilkan konten informasi secara dinamis ke dalam tampilan halaman web yang bersifat statis. Framework pendukung Static Site Generator yang menjadi perbincangan hangat saat ini adalah framework Gatsby.js dan framework Next.js. Proses analisis penelitian ini, akan membandingkan web portal berita yang menggunakan framework Gatsby.js dan framework Next.js sebagai framework pendukung SSG. Analisis yang dilakukan menggunakan indikator performance dari google lighthouse dan proses browser dari web dev-tools google chrome. Hasil penelitian menunjukkan bahwa next.js memiliki nilai waktu yang sedikit lebih baik pada pengujian performance tanpa cache,nilai waktu berbeda 369,44 ms. Namun gatsby.js memiliki nilai yang jauh lebih baik pada pengujian performance dengan cache, berbeda 908,62 ms. Untuk hasil proses browser menunjukkan bahwa web portal berita yang menggunakan framework gatsby.js memberikan nilai waktu proses browser yang lebih cepat dibandingkan dengan framework next.js.
Keywords : static site generator, gatsby.js, next.js, performance, web portal berita, javascript.