{"id":1864,"date":"2021-02-19T08:43:53","date_gmt":"2021-02-19T01:43:53","guid":{"rendered":"https:\/\/beadgrup.com\/news\/?p=1864"},"modified":"2021-02-19T08:43:53","modified_gmt":"2021-02-19T01:43:53","slug":"web-performance","status":"publish","type":"post","link":"https:\/\/beadgrup.com\/berita\/web-performance\/","title":{"rendered":"Web Performance"},"content":{"rendered":"\n

Cara terbaik untuk meningkatkan performa website<\/strong><\/p>\n\n\n\n

Website dengan performa yang baik memiliki engagement, retensi dan juga konversi yang tinggi dari pengunjung. Mengingat bagaimana pengguna bisa berubah-ubah, ditambah juga dengan fakta bahwa pengunaan perangkat mobile cukup signifikan pada masa ini, tidak pernah sebelumnya kecepatan suatu website diperhitungkan.<\/p>\n\n\n\n\n\n

Performa website dan kekurangan nya didokumentasikan dengan baik selama beberapa lama oleh amazon .<\/p>\n\n\n\n

 Pada tahun 2007 memberitahukan bahwa setiap peningkatan 100 ms (millisecond) pada waktu pemuatan situs Amazon.com, maka penjualan mereka berkurang 1%. Google juga melaporkan hasil yang sama di tahun 2006 pada produk mereka Google Maps.<\/p>\n\n\n\n

Google menemukan bahwa dengan mengurangi ukuran dari halaman mereka dari 100KB menjadi 80KB, traffic mereka naik 10% pada minggu pertama dan 25% pada minggu berikutnya.<\/p>\n\n\n\n

Memperkecil HTML, CSS, & JavaScript<\/strong><\/p>\n\n\n\n

Untuk memahami kode yang kita tulis, kita terkadang memformatnya dengan cara agar kita bisa mudah membacanya, dengan kata lain formatnya lebih human-friendly. Lihatlah contoh kode di bawah ini:<\/p>\n\n\n\n

<form action=”#” method=”post”><\/em><\/p>\n\n\n\n

  <div><\/em><\/p>\n\n\n\n

        <label for=”name”>Text Input:<\/label><\/em><\/p>\n\n\n\n

        <input type=”text” name=”name” id=”name” value=”” tabindex=”1″ \/><\/em><\/p>\n\n\n\n

    <\/div><\/em><\/p>\n\n\n\n

<\/form><\/em><\/p>\n\n\n\n

.Untuk memahami kode yang kita tulis, kita terkadang memformatnya dengan cara agar kita bisa mudah membacanya, dengan kata lain formatnya lebih human-friendly. Lihatlah contoh kode di bawah ini:<\/p>\n\n\n\n

<form action=”#” method=”post”><div><label for=”name”>Text Input:<\/label><input type=”text” name=”name” id=”name” value=”” tabindex=”1″\/><\/div><\/form><\/em><\/p>\n\n\n\n

Perkiraan ini lebih mudah dibaca, versi human-friendly ini memiliki banyak karakter yang tidak diperlukan. Ini tidak terlalu bedampak pada website kecil tetapi bagi website yang berskala besar peristiwa ini merugikan<\/p>\n\n\n\n

Anda bisa mengecilkan HTML, CSS & JavaScript. Jika Anda belum melakukan ini maka anda perlu berpikir untuk itu sekarang. Untungnya untuk kita ada banyak tools secara online yang dapat membantu mengecilkan dan mengembalikan kode kita seperti YUI compressor<\/em>.<\/p>\n\n\n\n

Mengoptimalkan Gambar<\/strong><\/p>\n\n\n\n

Salah satu penyebab terjadinya lag yaitu gambar. Cobalah untuk memakai grafis daripada gambar . Ini bisa lebih baik untuk elemen seperti button, tapi pada beberapa kasus CSS mungkin tidak dapat digunakan untuk menciptakan desain seperti foto, atau grafis dekoratif yang mendetail.<\/p>\n\n\n\n