1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Hapus JavaScript yang memblokir render - Google Pagespeed Insight

Discussion in 'SEO' started by dolindo, Jul 25, 2014.

  1. dolindo

    dolindo Newbie

    Joined:
    Feb 21, 2014
    Messages:
    14
    Likes Received:
    2
    Halo master

    Ketika saya mencoba test loading kecepatan web di pagespeed google terdapat tulisan berikut ini:
    Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas

    Laman Anda memiliki 14 sumber daya skrip yang memblokir dan 7 sumber daya CSS yang memblokir. Ini menyebabkan penundaan dalam perenderan laman Anda.

    Tidak ada konten paruh atas di laman Anda yang dapat dirender tanpa menunggu pemuatan sumber daya berikut. Coba tunda atau muat sumber daya yang memblokir secara asinkron, atau jadikan sebaris bagian penting dari sumber daya tersebut secara langsung dalam HTML.


    Hapus JavaScript yang memblokir render:

    contohnya: hxxp:vvv.websaya.com/wp-includes/js/jquery/jquery.js?ver=1.11.0

    Nah, saya sudah banyak membaca artikel, ada yang menyebutkan "Seperti yang diterangkan pada Dokumentasi Google Developers dan blog Kompi Ajaib, Render-Blocking ini terjadi karena browser harus mendownload file JS atau CSS eksternal terlebih dahulu sebelum memuat halaman blog. Untuk mengatasinya, cukup dengan menambahkan atribut "async" pada kode pemanggil jQuery."

    Nah saya meminta pencerahan atau panduan lengkap, bagaimana menerapkan "menambahkan atribut "async" tersebut.

    Atau ada cara lain untuk mengatasi hal tersebut, mohon panduan lengkapnya ya para master, apa yang harus saya lakukan, apakah saya harus menghapus script yang memblokir render tersebut dari cpanel, atau apa yang harus saya lakukan.

    Terima kasih
     
    cakgoder and lindi like this.
  2. ferywant

    ferywant Ads.id Fan

    Joined:
    Oct 20, 2013
    Messages:
    217
    Likes Received:
    26
    Location:
    IM GHOST
    pake .js dari server jquery langsung, mirip cdn
    lalu load js di footer, tapi css tetap di bagian head. ini bisa juga pake .htaccess.
    saran : ga usah tes di pageespeednya google, susah nyampe di 98 ke atas. coba tes url __http://google.com di pspeed, si empu juga ga nyampe 100 kan?
    klo ente maksa optimasi speed website dgn acuan pspeed google developer tanpa skill memadai bisa2 blog ente kacau, amburadul (pengalaman) :D
     
    lindi likes this.
  3. kakeklagi

    kakeklagi Ads.id Starter

    Joined:
    Feb 6, 2015
    Messages:
    65
    Likes Received:
    0
    <script async="async" . . . . />
    Work for me
     
  4. duniamaya

    duniamaya Super Hero

    Joined:
    Apr 22, 2011
    Messages:
    864
    Likes Received:
    58
    ya tinggal kyk gini kok gan >> <script async="async" . . . . />
    CSS load di head
    JS load di footer
    itu aja bisa meningkatkan pagespeed kok
     
  5. plutoreload

    plutoreload Ads.id Starter

    Joined:
    Feb 28, 2014
    Messages:
    91
    Likes Received:
    7
    maksudnya gmna gan? kasi detailnya please...
     
  6. exiost

    exiost Ads.id Pro

    Joined:
    Apr 19, 2009
    Messages:
    385
    Likes Received:
    33
    di wordpress lokasinya dimana ya?
     

Share This Page