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

[share] 3 tips mempercepat web - sering terlupakan Analisa 2016

Discussion in 'Pemrograman Web' started by reddy, Jan 10, 2016.

Tags:
  1. reddy

    reddy Newbie

    Joined:
    Mar 27, 2011
    Messages:
    36
    Likes Received:
    1
    Location:
    Bandung
    Semoga tidak repost :D

    Berikut 3 tips yang bisa digunakan untuk mempercepat web, blog khusus self host website

    1. Compress semua file javascript dan Cek Inject Script

    yang coba di share pada bagian ini, mungkin klo compress js file udah gak aneh kayanya..
    tapi khusus pengguna internet dengan provider spee** akhir-akhir ini website di inject js yg tidak diinginkan
    tentu bagi pecinta web yg mengutamakan kecepatan menambah beban.

    Cara memeriksa bahwa internet agan, kena script inject ini :
    Ctrl + U ketika browsing website
    Ctrl + F ( temukan kata netbro_cache_analytics )
    jika ketemu script ini berarti agan sudah kena script inject ini

    Cara Menghapus agar tidak menjangkit web agan :
    ganti tag <body>
    menjadi <Body>

    atau bisa juga dengan menggunakan teknik JQuery, atau teknik lainnya


    2. Percepatan Load Gambar
    image pada web, seringkali membuat berat website, namun terkadang sangat di butuhkan kualiatas bagus, bening nan tetap indah

    tips :
    gunakan CDN, tentu ini layanan superior namun untuk web awal terutama saya sendiri, klo nambah biaya
    untuk web bisnis, rasanya berat keluar kocek jika belum earning :D
    klo pun ada CDN yg gratis, khusus untuk gambar ini saya coba kurang berdampak pada kecepatan
    ok, tips cara mensiasati pengen kualitas seperti CDN tapi lebih ekonomis

    - jika gambar kapasitas sedikit, masih bisa di compress layanan _tinypng.com
    jenis web 2.0 atau blog platform udah bisa otomatis pake apinya layanan tersebut
    dampaknya boleh dicoba O:-) bagaimana hasil cek kecepatan web setelah gambar di kelola dengan baik.

    beberapa poin yg sering saya temukan juga, pengguna self host, bisa ditambahkan tweaking pada htaccess
    dan trend responsive image, namun tetap mematok ukuran proporsional untuk setiap gambar yg display pada web.

    3. Mempercepat web jalur belakang :D

    poin tiga ini, ane beranikan diri coba analisa, banyak web yg di cek imut-imut atau sederhana, namun proses didalamnya
    buas nan aksesnya cepat...
    yg coba di share pada poin tiga ini yaitu :
    RSS, sitemap, feed, organix medsos, posisi css dan js yg tepat

    untuk sitemap, atau mengoptimasi feed agar lebih cepat, sering males memang haha ... mikirin backend
    jangan lupa menggunakan compress.

    untuk medsos pastikan meta tag ketika orang share link, tampil sesuai display yg diinginkan.

    untuk css lebih bagus di tempatkan selalu paling atas.
    dan js paling bawah anatomi web. untuk menghindari error khusus pengguna jQuery, jQuery core di tempatkan paling atas anatomi web.

    ~ semoga bermanfaat...

    siapa tahu ada yg mau menambahkan tips mempercepat web :D
     
    reddy, Jan 10, 2016
    #1
    ochiem likes this.
  2. mlxjakarta

    mlxjakarta Hero

    Joined:
    Oct 15, 2014
    Messages:
    650
    Likes Received:
    19
    Wihhh mantap gan... izin sedot ilmunya
     
    mlxjakarta, Jan 11, 2016
    #2
  3. reddy

    reddy Newbie

    Joined:
    Mar 27, 2011
    Messages:
    36
    Likes Received:
    1
    Location:
    Bandung
    makasih gan ... masih belajar share :D namun kritik dan saran menambah semangat gan.. thanks
     
    reddy, Jan 11, 2016
    #3
  4. yugozone

    yugozone Ads.id Fan

    Joined:
    Nov 15, 2010
    Messages:
    150
    Likes Received:
    5
    Makasih sarannya gan

    Sent from my LG-P705 using Tapatalk
     
    yugozone, Jan 11, 2016
    #4
  5. fauyii

    fauyii Ads.id Fan

    Joined:
    Dec 31, 2015
    Messages:
    108
    Likes Received:
    25
    Location:
    Temanggung - JakSel - Jogja
    Thanks gan dah share, sekalian Numpang gelar tiker . . . kali aja ntar ada yang nambahin . . .
     
    fauyii, Jan 12, 2016
    #5
  6. saat ini

    saat ini Banned

    Joined:
    Jun 1, 2015
    Messages:
    528
    Likes Received:
    8
    Location:
    indonesia
    nice share yaaaa
     
    saat ini, Jan 12, 2016
    #6
  7. ninoxcode

    ninoxcode Ads.id Starter

    Joined:
    Dec 25, 2015
    Messages:
    57
    Likes Received:
    5
    Location:
    Bandar Lampung
    Sip. Bermanfaat sekali tutor nya :)
     
    ninoxcode, Jan 12, 2016
    #7
  8. Aprilia88

    Aprilia88 Super Hero

    Joined:
    Dec 26, 2013
    Messages:
    2,127
    Likes Received:
    87
    Buka jasa sekalian gan pasti banyak yang minat kalau emang Web nya cepat tanpa plugin lagi atau compres js seperti yang agan bilang
     
    Aprilia88, Jan 12, 2016
    #8
  9. 4dzkia

    4dzkia Ads.id Pro

    Joined:
    Sep 14, 2015
    Messages:
    267
    Likes Received:
    17
    Location:
    Purworejo
    Agan cakep, copas dr mana gan? :))
     
    4dzkia, Jan 12, 2016
    #9
  10. nncjn

    nncjn Hero

    Joined:
    Nov 9, 2009
    Messages:
    608
    Likes Received:
    15
    Kalau kena script inject XL, kodenya apa gan ?

    thanks
     
    nncjn, Jan 13, 2016
    #10
  11. ochiem

    ochiem Ads.id Pro

    Joined:
    Nov 13, 2013
    Messages:
    361
    Likes Received:
    8
    Location:
    Bogor
    mantep juga sharenya, tapi masi bingung ga ngerti hehe..:hmm:
     
    ochiem, Jan 13, 2016
    #11
  12. adsensefreak

    adsensefreak Ads.id Fan

    Joined:
    Sep 19, 2011
    Messages:
    234
    Likes Received:
    5
    thanks buat share ilmunya gan..
     
    adsensefreak, Jan 13, 2016
    #12
  13. SEOservice

    SEOservice Super Hero

    Joined:
    Oct 2, 2011
    Messages:
    757
    Likes Received:
    275
    gak paham blas :lol:
     
    SEOservice, Jan 13, 2016
    #13
  14. red_conjurer

    red_conjurer Ads.id Fan

    Joined:
    May 26, 2012
    Messages:
    128
    Likes Received:
    1
    Location:
    Middle Earth
    kalo ada yg buka jasanya... ane mau dah
     
    red_conjurer, Jan 13, 2016
    #14
  15. tapai

    tapai Newbie

    Joined:
    Nov 29, 2015
    Messages:
    24
    Likes Received:
    0
    tambahin, guna lazy load wordpress plugin untuk mempercepatkan kelajuan loading gambar.
     
    tapai, Jan 13, 2016
    #15
  16. Oscar

    Oscar Ads.id Pro

    Joined:
    Apr 11, 2014
    Messages:
    443
    Likes Received:
    31
    Location:
    Bandung
    Mantap Kang share nya.
    Selama ini, ane selalu kompres gambar melalui _tools.dynamicdrive.com/imageoptimizer/index.php. Setiap gambar yang ane upload ke web/postingan ukurannya selalu dibawah 60KB. Ke SEO bagus, ke load halaman juga wuss wuss.
     
    Oscar, Jan 13, 2016
    #16
  17. reddy

    reddy Newbie

    Joined:
    Mar 27, 2011
    Messages:
    36
    Likes Received:
    1
    Location:
    Bandung
    Om @nncjn yuhuuu untuk provider xl belum nyoba gan...
    Om @tapai thank's udah nambahin : pake lazy load
    Om @Oscar thank's udah nambahin pake tools dynamicdrive

    @4dzkia post share ... murni hasil percobaan saya sendiri cukup lama :-Bhahaaaa ... ciee ciee :D

    ok kita coba lanjut ...

    siapa tahu yg lainnya ngikut menambahkan, tips berikut sangat sering digunakan.

    yaitu penggunaan google analytics

    hampir semua blogger tentu sangat familiar dgn pentolan mbah google ini bisa analisa statistik web, page view,
    namun masih jarang kayanya dipake untuk trackingorder ecommerce, tracking affiliate, dll ....ok cekidot aja hihihi..

    Default yg sering digunakan :
    HTML:
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');  ga('create', 'UA-XXXXX-X', 'auto');  ga('send', 'pageview');
    Tips berikut coba di modif menggunakan teknik asynchronous
    sederhananya, asynchronous akan memproses page web, jika sebuah variable atau barometer tertentu terpenuhi
    atau kaya loading gitu deh klo bentuk visualnya... bener gak ya ini pengertian 8-|

    bisa diganti menjadi seperti ini :
    HTML:
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//ssl.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))
    Jangan lupa UA-XXXXX-X
    diganti dengan kode analytics agan

    ~ ok semoga bermanfaat
     
    Last edited: Jan 14, 2016
    reddy, Jan 14, 2016
    #17
  18. uminingsih

    uminingsih Newbie

    Joined:
    Jan 14, 2016
    Messages:
    17
    Likes Received:
    1
    makasih sharingnya gan..
     
    uminingsih, Jan 15, 2016
    #18

Share This Page