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

Hindari JavaScript Yang Menghalangi Konten

Render-Blocking Javascript seperti halnya render-blocking CSS adalah Javascript yang menghalangi suatu halaman web untuk bisa ditampilkan secara cepat. Google menyarankan untuk menghapus atau menunda Javascripts yang menghalangi konten bagian atas (above-the-fold) yang bisa langsung dilihat oleh pengunjung tanpa harus menggulung layar.

Untuk mencegah Javascript menghalangi bagian atas halaman, Anda bisa memindahkannya di bagian paling bawah, sehingga Javascript akan diproses setelah isi halaman web selesai ditampilkan.

Salah satu cara yang bisa dilakukan untuk ini adalah dengan memberikan atribut defer pada Javascript, seperti ini :

<script type=”text/javascript” src=”includes/general.js” defer=”defer”></script>

Jika Anda tidak mengenal ataupun menguasai pemrograman Javascript, pergunakanlah plugin WordPress berikut untuk mengurangi Javascript yang menghalangi konten :

  1. Async JS and CSS
  2. JCH Optimize
  3. Above The Fold Optimization
  4. Autoptimize
  5. WP Deferred JavaScripts
  6. WP Defer Loading
  7. WP Rocket (Premium)

{ 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 }