Performa Web: Halaman yang Cepat Dimuat
Membaca data pengukuran pemuatan halaman, lalu memperbaiki HTML sesuai masalah yang terbukti.
Pelajaran pertama bisa dicoba tanpa akun. Selanjutnya pakai akun gratis agar progres, draft kode, dan sertifikatmu tersimpan.
Ringkasnya: Performa Web: Halaman yang Cepat Dimuat adalah kelas gratis berbahasa Indonesia tingkat menengah dari KelasGratis. Cocok untuk orang yang sudah bisa menulis HTML dan CSS dan mengenal dasar HTTP, lalu ingin halamannya cepat dimuat: pengembang frontend pemula, pengelola situs toko, sekolah, atau UMKM, dan pembuat landing page. Isinya 14 pelajaran dalam 4 modul (±3 jam) dengan 46 latihan yang dinilai otomatis di browser. Sertifikat penyelesaian gratis dan bisa dicek keasliannya.
Empat belas pelajaran tentang kecepatan halaman sebagaimana dijelaskan web.dev, MDN, dan HTML Standard: fase permintaan sampai byte pertama dan rantai redirect, ukuran transfer dan kompresi, jumlah permintaan dan origin pihak ketiga, cache untuk kunjungan ulang, CSS dan script yang menghambat render, preconnect, preload, dan font-display, dimensi dan loading lazy pada gambar, srcset dan sizes, serta cara membaca LCP, INP, dan CLS. Semua angka berasal dari tabel pengukuran tetap di soal, bukan dari koneksimu. Latihannya memperbaiki HTML di editor, menulis fungsi JavaScript yang mengolah data pengukuran, menghitung, dan pilihan ganda.
5,0 ★ (Belum ada ulasan) · 14 pelajaran · 4 modul · ±200 menit
Bawa pulang keterampilannya
Yang akan kamu bisa setelah kelas ini
- Menyebut fase permintaan dokumen HTML dan menghitung TTFB dari tabel fase.
- Membaca rantai redirect, menghitung waktunya, dan menautkan halaman langsung ke alamat akhir.
- Membedakan ukuran asli, terkode, dan transfer, serta menentukan berkas yang perlu dikompres.
- Menghitung origin yang dihubungi halaman dan membedakan minifikasi dari kompresi.
- Memilih kebijakan cache untuk URL bersidik dan URL tanpa versi, dan menghitung byte kunjungan ulang.
- Memilih async, defer, atau type="module" untuk script dan mengganti @import dengan link.
Lihat 3 hasil belajar lainnya
- Memasang preconnect dan preload dengan as dan crossorigin yang benar, serta memilih font-display.
- Memberi gambar dimensi, loading lazy di luar layar awal, format lewat picture, serta srcset dan sizes.
- Memecah LCP menjadi sub-bagiannya, menyebut bagian INP, dan menghitung CLS dengan jendela sesi.
Untuk siapa
Orang yang sudah bisa menulis HTML dan CSS dan mengenal dasar HTTP, lalu ingin halamannya cepat dimuat: pengembang frontend pemula, pengelola situs toko, sekolah, atau UMKM, dan pembuat landing page.
Prasyarat
Bangun Halaman Web Pertamamu, HTTP dan API Web (untuk pelajaran cache)
Kelas yang dianjurkan sebelumnya: Bangun Halaman Web Pertamamu, HTTP dan API Web
Alat yang perlu disiapkan
- Browser modern. Editor HTML dan editor JavaScript sudah tersedia di halaman pelajaran; data pengukuran disediakan di soal, jadi tidak perlu DevTools atau koneksi cepat.
Tempat berlatih
Coba, periksa, lalu lanjutkan.
46 latihan di 14 pelajaran. Jawaban diperiksa langsung di halaman materi; petunjuk dibuka bertahap.
Jalur belajar kelas ini
Kurikulum
4 modul · 14 pelajaran · ±200 menit
02Byte yang dikirim dan cache4 pelajaran
Urutan pelajaran tidak dikunci.
Sertifikat kelas
Selesaikan kelasnya, sertifikat ini atas namamu.
- Nama lengkapmu dan judul kelas tercetak di sertifikat.
- Kode dan QR yang bisa dicek siapa saja di kelasgratis.com/verifikasi.
- Sekali klik ke profil LinkedIn, atau unduh PNG dan PDF.
Bukti penyelesaian materi, bukan akreditasi atau sertifikasi kompetensi.
Pertanyaan yang sering muncul
Apa yang dipelajari di kelas Performa Web: Halaman yang Cepat Dimuat?
Performa Web: Halaman yang Cepat Dimuat adalah kelas gratis KelasGratis tingkat menengah berisi 14 pelajaran. Empat belas pelajaran tentang kecepatan halaman sebagaimana dijelaskan web.dev, MDN, dan HTML Standard: fase permintaan sampai byte pertama dan rantai redirect, ukuran transfer dan kompresi, jumlah permintaan dan origin pihak ketiga, cache untuk kunjungan ulang, CSS dan script yang menghambat render, preconnect, preload, dan font-display, dimensi dan loading lazy pada gambar, srcset dan sizes, serta cara membaca LCP, INP, dan CLS. Semua angka berasal dari tabel pengukuran tetap di soal, bukan dari koneksimu. Latihannya memperbaiki HTML di editor, menulis fungsi JavaScript yang mengolah data pengukuran, menghitung, dan pilihan ganda.
Berapa lama menyelesaikan kelas Performa Web: Halaman yang Cepat Dimuat?
Sekitar 200 menit (±3 jam) untuk 14 pelajaran wajib, dihitung dari durasi tiap pelajaran dan latihannya. Kecepatan nyata bergantung pada berapa lama kamu berlatih setiap hari.
Apa yang perlu disiapkan sebelum mulai?
Prasyaratnya: Bangun Halaman Web Pertamamu; HTTP dan API Web (untuk pelajaran cache). Alat dan persiapan: Browser modern. Editor HTML dan editor JavaScript sudah tersedia di halaman pelajaran; data pengukuran disediakan di soal, jadi tidak perlu DevTools atau koneksi cepat.
Apakah kelas Performa Web: Halaman yang Cepat Dimuat gratis dan bersertifikat?
Ya. Seluruh 14 pelajaran gratis sampai selesai tanpa iklan; pelajaran pertama bisa dicoba tanpa akun, sisanya memakai akun gratis. Setelah semua pelajaran wajib tuntas dan kamu menulis ulasan singkat tentang kelasnya, kamu bisa menerbitkan sertifikat penyelesaian dengan tautan verifikasi publik. Sertifikat ini bukan akreditasi atau sertifikasi profesi.
Dari pengalaman belajar
Ulasan peserta
Apa yang membantu, dan apa yang masih bisa diperbaiki?
Ulasan berasal dari akun yang telah menyelesaikan setidaknya satu pelajaran. Bintang 1–3 ditinjau admin sebelum terbit; bintang 4–5 langsung terbit. Sebelum ada ulasan terbit, kelas menggunakan nilai awal admin 5,0. Setelahnya, rating mengikuti rata-rata ulasan yang sudah terbit.
Pengalamanmu bisa membantu peserta berikutnya.
Belum ada ulasan yang terbit untuk kelas ini.
Bagikan pengalaman belajarmu
Masuk dan selesaikan satu pelajaran untuk menulis ulasan. Masuk ke akun →
Setelah kelas ini
Jalur yang memuat kelas ini
Lanjutkan ke kelas lain
Lab interaktif
Revisi materi terakhir: 7 Okt 2026. Laporan kesalahan bisa dikirim dari setiap halaman pelajaran.