EVALUASI WEB UDINUS

1.Kenapa www.dinus.ac.id juga perlu di evaluasi:

Penyelesaian:

Evaluasi dibutuhkan karena apakah user  dapat menyukai produk tersebut atau tidak dan apakah user dapat menggunkannya tidak.

 

Evaluasi web dinus meliputi:

·       Melihat seberapa jauh sistem berfungsi pada web dinus

·       Melihat efek interface dari pengguna web dinus

·       Mengidentifikasi problem khusus yang terjadi pada sistem web dinus

 

 

2.Bagian yang harus di evaluasi pada web dinus adalah:

1.Kecepatan Web

 

 

 

Largest Contentful Paint (LCP):

mengukur kinerja pemuatan. Untuk memberikan pengalaman pengguna yang baik, LCP harus muncul dalam 2,5 detik sejak halaman pertama kali mulai dimuat.

First Input Delay (FID): 

mengukur interaktivitas. Untuk memberikan pengalaman pengguna yang baik, halaman harus memiliki FID 100 milidetik atau kurang.

Cumulative Layout Shift (CLS): 

mengukur stabilitas visual. Untuk memberikan pengalaman pengguna yang baik, halaman harus mempertahankan CLS 0,1. atau kurang.

 

2.Homepage (Halaman Utama)

Tayangkan gambar dalam format generasi berikutnya

-Format gambar seperti JPEG 2000, JPEG XR, dan WebP biasanya memberikan kompresi yang lebih baik daripada PNG atau JPEG, sehingga download lebih cepat dan konsumsi data lebih kecil.

 

Kurangi waktu respons server awal

-Pertahankan waktu respons server untuk dokumen utama tetap singkat karena semua permintaan lain bergantung padanya.

 

Ubah ukuran gambar dengan tepat

-Menayangkan gambar yang berukuran sesuai untuk menghemat kuota dan meningkatkan waktu pemuatan.

 

Hilangkan resource yang memblokir render

-Resource memblokir first paint halaman. Sebaiknya kirim inline JS/CSS kritis dan tunda semua JS/gaya yang tidak kritis.

 

Enkode gambar secara efisien

-Gambar yang dioptimalkan dimuat lebih cepat dan menghabiskan lebih sedikit data seluler.

Aktifkan kompresi teks

-Resource berbasis teks harus ditayangkan dengan kompresi (gzip, deflate, atau brotli) untuk meminimalkan total byte jaringan.

Kurangi JavaScript yang tidak digunakan

 

-Mengurangi JavaScript yang tidak digunakan dan menunda pemuatan skrip sampai diperlukan untuk menurunkan byte yang digunakan oleh aktivitas jaringan.

 

 

 

3.diagnostik

 

Menghindari payload jaringan yang sangat besar :

Payload jaringan yang besar menimbulkan biaya yang tinggi bagi pengguna dan berkorelasi erat dengan waktu pemuatan yang lama.

Pastikan teks tetap terlihat selama pemuatan font web:

Memanfaatkan fitur CSS tampilan font untuk memastikan teks terlihat oleh pengguna saat font web sedang dimuat.

Tidak menggunakan pemroses pasif untuk menyempurnakan performa scroll:

 

Sebaiknya tandai sentuhan Anda dan pemroses peristiwa gulir sebagai `passive` untuk menyempurnakan performa scroll halaman Anda. 

 

Hindari document.write():

Untuk pengguna dengan koneksi lambat, skrip eksternal secara dinamis dimasukkan melalui `document.write()` dapat menunda pemuatan halaman selama puluhan detik.

Elemen gambar tidak memiliki width dan height yang jelas:

Setel lebar dan tinggi yang jelas pada elemen gambar untuk mengurangi pergeseran tata letak dan memperbaiki CLS.

Tayangkan aset statis dengan kebijakan cache yang efisien :

Durasi cache yang panjang dapat mempercepat kunjungan berulang ke halaman Anda.

Minimalkan pekerjaan thread utama :

Sebaiknya kurangi waktu yang dihabiskan untuk mengurai, mengompilasi, dan mengeksekusi JS. Coba kirim payload JS yang lebih kecil untuk membantu mengurangi waktu.

Menghindari ukuran DOM yang berlebihan :

DOM yang berukuran besar akan meningkatkan penggunaan memori, menyebabkan penghitungan gaya yang lebih lama, dan menghasilkan penyesuaian tata letak yang mahal.

Hindari perantaian permintaan penting :

Rantai Permintaan Penting di bawah menampilkan resource apa saja yang dimuat dengan prioritas tinggi. Sebaiknya kurangi panjang rantai, kurangi ukuran download resource, atau tunda download resource yang tidak penting untuk mempercepat pemuatan halaman.

Pertahankan jumlah permintaan tetap rendah dan ukuran transfer tetap kecil :

Untuk mengatur anggaran jumlah dan ukuran resource halaman, tambahkan file budget.json.

Elemen Largest Contentful Paint (LCP) :

Ini adalah elemen contentful terbesar yang di-paint dalam area pandang. 

Hindari peralihan tata letak berukuran besar :

Elemen DOM ini paling banyak berkontribusi untuk CLS halaman.CLS

Hindari tugas thread utama yang berjalan lama :

Mencantumkan tugas yang berjalan paling lama di thread utama, berguna untuk mengidentifikasi kontributor utama penundaan input. 

Menghindari animasi yang tidak digabungkan :

Animasi yang tidak digabungkan dapat tersendat dan menambah CLS

Keunggulan dari website udinus meliputi data sebagai berikut :

 

Kesimpulan: