Cara Meraih Skor Kecepatan > 90 dan Melejitkan Waktu Muat Website < 2 Detik

Prioritaskan Konten Bagian Atas

Anda bisa meningkatkan performa website dengan menampilkan terlebih dahulu konten bagian atas (above-the-fold)

Agar halaman web bisa dimuat lebih cepat, Google menyarankan untuk membatasi jumlah data (HTML, gambar, CSS, JavaScript) yang diperlukan oleh konten bagian paling atas. Ada beberapa cara untuk melakukan hal ini :

  1. Susun HTML agar memuat konten yang penting terlebih dahulu
    Ada beberapa cara untuk menata ulang situs agar dapat dimuat lebih cepat :
  • Jika HTML Anda memuat widget pihak ketiga sebelum memuat konten utama, ubahlah urutannya agar memuat konten utama terlebih dahulu.
  • Jika situs Anda menggunakan desain lebih dari satu kolom, pertimbangkan untuk memuat artikel terlebih dahulu baru kemudian bagian menu ataupun widget.

Jika hal ini Anda lakukan …

Browser akan menampilkan isi artikel terlebih dahulu.
Pengunjung langsung bisa melihat artikel utama Anda.
Sementara pengunjung membaca, sidebar Anda yang berisi menu, iklan, dan tombol lainnya dimuat
Pengunjung senang karena tidak perlu menunggu.

  • Kurangi jumlah data yang digunakan oleh sumber daya Anda
    Setelah situs Anda dirancang ulang agar dapat bekerja dengan baik pada banyak perangkat dan memuat artikel penting terlebih dahulu, gunakanlah teknik berikut untuk mengurangi jumlah data yang dibutuhkan untuk menampilkan halaman web Anda:

    • Perkecil sumber daya : Ukuran file HTML, CSS, dan JavaScript dapat diperkecil dengan menghapus whitespace dan komentar yang tidak diperlukan. Lihat juga sumber kode dalam post atau page Anda dan gantilah tag &nbsp; dengan satu spasi kosong. Tanpa Anda sadari, WordPress banyak memasukkan tag yang berpotensi memperbesar ukuran data hanya untuk membuat spasi saja.
    • Aktifkan Kompresi Website
    • Pertimbangkan menggunakan CSS untuk gambar.

{ 4 comments… add one }
  • Jhon September 10, 2016, 2:49 pm

    Terima kasih banyak atas informasinya. Sangat informatif bagi saya yang sedang membangun website.

    Reply
  • Azhar MZ March 17, 2016, 9:09 pm

    Maksudnya gimana gan Google menyarankan agar website Anda memiliki waktu respon kurang dari 2 detik (2 ms), padahal di https://developers.google.com/speed/docs/insights/Server rekomendasinya di bawah 200 milisekon/milidetik, jika dikonversi ke detik maka 200 ms = 0,2 s (detik)

    Reply
  • kayzip October 8, 2015, 11:05 am

    apa metode keep alive bisa juga diterapkan untuk joomla? mohon pencerahannya?

    Reply
    • PLACESIANA October 9, 2015, 9:57 am

      Metode Keep-Alive bisa dipergunakan dengan CMS apa saja, termasuk Joomla.
      Bahkan website yang dibuat dengan HTML editor biasa juga bisa memanfaatkan metode ini … asalkan mempunyai akses ke konfigurasi web server.

      Reply

Leave a Comment

{ 4 comments }