Eksperimen Theme Wordpress

Discussion in 'WordPress' started by KangAndre, Feb 1, 2016.

  1. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    Semenjak theme responsive, HTML5 berlaku, saya boleh dikatakan tidak pernah otak-atik theme wordpress, paling cuma pakai dan edit kecil saja. Kebetulan ada domain yang pakai drupal migrasi ke wordpress, sekalian test kecepatan di gtmetrik dan google PageSpeed Insights.

    Meskipun saya coba pakai theme yang fast loading, ternyata skor di insight maupun gtmetrik masih ada merah di seluler dan kuning di desktop. Paling banyak masalah adalah "Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas"

    Dengan penasaran, saya coba memecahkan hal tersebut, dan berhasil, namun beberapa detik tampilan awal kacau, seperti tanpa CSS. Memang cuma 1-2 detik, tapi nggak enak juga dilihat. Dan hasil skor menunjukkan angka yang lumayan. Uji coba pada http://lenteraseo.com (yang sempat terlupakan)

    hasil-desktop.jpg


    hasil-mobile.jpg
    Hanya 1 saran saja yaitu memperkecil HTML, meskipun sudah saya kompres masih tetap muncul, padahal hanya mengurangi 4 % saja.

    hasil-gtmetrix.jpg
    Sekali lagi ini hanya share saja yang semalam saya kerjakan. Meskipun loading web, kata Google berpengaruh ke SEO, tapi masih ada faktor lain yang perlu diperhatikan juga. Santai saja.. :D

     
  2. ziuma

    ziuma Well-Known Member

    Joined:
    May 23, 2014
    Messages:
    1,564
    Likes Received:
    240
    Trophy Points:
    63
    hebat @KangAndre
    GT metrix bisa sampai 97 / 95 gitu

    google PageSpeed Insights juga angkanya bagus-bagus
    100 / 100

    *bagus*
     
  3. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    ada yang tidak dapat dipenuhi seperti, Use a Content Delivery Network (CDN), Remove query strings from static resources.
    Jika ada, bisa 99 atau 100 :D
     
  4. creative

    creative Well-Known Member

    Joined:
    Oct 24, 2014
    Messages:
    1,725
    Likes Received:
    160
    Trophy Points:
    63
    Google+:
    Wah asik ya kalau pinter kayak Kang Andre... :D
     
  5. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    Kalau pinter hasilnya 100 dan nggak ada masalah tampilan :D
    Memang menyita waktu yang seharusnya lebih penting mengupdate artikel. Untuk theme, meski skor jelek tapi kalau dibuka nggak pakai loading lama, sudah cukup.
     
  6. Qoeple

    Qoeple Member

    Joined:
    Nov 21, 2015
    Messages:
    551
    Likes Received:
    90
    Trophy Points:
    28
    Google+:
    Mantab @KangAndre, enteng banget loadnya kayak pake HTMLy *pendekar*
     
  7. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    Hanya uji coba skor saja dan masih belum puas. HTMLy malah ada yang skor 100/100 di desktop http://www.blogdaniel.besaba.com/
     
  8. Qoeple

    Qoeple Member

    Joined:
    Nov 21, 2015
    Messages:
    551
    Likes Received:
    90
    Trophy Points:
    28
    Google+:
  9. aa online

    aa online Member

    Joined:
    Oct 10, 2015
    Messages:
    604
    Likes Received:
    48
    Trophy Points:
    28
    Google+:
  10. Rafa Asoka

    Rafa Asoka Member

    Joined:
    Sep 5, 2015
    Messages:
    628
    Likes Received:
    57
    Trophy Points:
    28
    saya sudah buka webnya enteng banget. ngomong2 templatenya gak ada link downloadnya nih kang @KangAndre kepengen*wow1*
     
  11. NieeLz

    NieeLz Well-Known Member

    Joined:
    Aug 24, 2015
    Messages:
    1,790
    Likes Received:
    127
    Trophy Points:
    63
    Google+:
    keliatan banget kalau websitenya enteng banget :D
     
  12. Qoeple

    Qoeple Member

    Joined:
    Nov 21, 2015
    Messages:
    551
    Likes Received:
    90
    Trophy Points:
    28
    Google+:
    Pake plugin Speed Booster Pack ya ?
     
  13. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    Ini free dan baru seminggu di publish di wordpress theme. Senses Lite By Shaped Pixels
     
  14. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    Beberapa plugin semacam itu telah saya coba, tapi ada beberapa tampilan yang nggak berfungsi. Ini masih uji yang lain lagi, dapat 91/100 untuk seluler dan 97/100 untuk desktop.
     
  15. Qoeple

    Qoeple Member

    Joined:
    Nov 21, 2015
    Messages:
    551
    Likes Received:
    90
    Trophy Points:
    28
    Google+:
    Barusan saya coba lumayan cocok nih di wordpressindo.com, Theme yg saya pake super berat soalnya, tambah ringan 40% pake plugin ini barusan..
     
  16. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    PageSpeed Insights masih merah di seluler dan YSlow Score masih D
    Sepertinya respon server lambat...
     
  17. Qoeple

    Qoeple Member

    Joined:
    Nov 21, 2015
    Messages:
    551
    Likes Received:
    90
    Trophy Points:
    28
    Google+:
    He.3x, sudah mentok berarti ya kalo server :D,
    belum kuat kalo pindah hosting lagi euy..
     
  18. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,252
    Likes Received:
    2,716
    Trophy Points:
    413
    Mungkin punya saya juga menthok di sini seluler 90/100 desktop 95/100, setelah gambar header dipasang (lumayan gedhe 2530x300) dan jetpack diaktifkan.

    Saatnya beraksi yang lain, nggak melulu masalah tampilan blog. :D
     
  19. Qoeple

    Qoeple Member

    Joined:
    Nov 21, 2015
    Messages:
    551
    Likes Received:
    90
    Trophy Points:
    28
    Google+:
    Hi.3x, ia intermezo aja tampilan mah.. apalagi blog perang kayak lenteraseo.com
     
  20. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    Keren kang, tapi menurut saya jangan fokus pada skor, fokus sama page load times, disitu tertera 1s.. Coba kejar sampai dibawah 500ms :D
     
Loading...

Share This Page