8 Tips Mempercepat Loading Blog Terbaru!
August 04, 2019
Sebagian besar tutorial yang tersedia untuk mengurangi waktu yang dibutuhkan untuk memuat situs web seringkali tidak jelas atau tidak lengkap. Nah disini saya memutuskan untuk berbagi cara menyelesaikan masalah ini kepada sobat imamkunblog.
Pada artikel dahulu saya juga pernah membuat artikel cara mempercepat loading blog juga, tapi saat ini sedikit berbeda pada artikel sebelumnya.
Pada artikel ini pastinya akan lebih baik dan lengkap dari pada artikel sebelumnya. Dan langkah-langkah ini juga sudah saya terapkan sendiri di blog saya.
Di bawah ini adalah 10 tips yang sangat menarik dan penting untuk mengurangi waktu loading blog sobat yang lama.
1. Simpan Semua Gambar dalam Format GIF atau PNG
GIF adalah singkatan dari "Graphics Interchange Format" dan PNG singkatan dari "Portable Network Graphics" Kedua format ini terkompresi dengan baik, lebih kecil dalam ukuran dan didukung secara luas oleh semua browser.
Tetapi jika ukuran yang bersangkutan kompres PNG jauh lebih baik daripada GIF. Dalam kasus khas hingga 5-25%. Ada beberapa masalah transparansi dengan PNG di IE6 tetapi karena IE7 banyak digunakan hari ini, transparansi juga bukan masalah.
Menggunakan salah satu format gambar ini akan sangat mengurangi waktu buka blog sobat hingga 60% yaitu 70-90KB. Ukurannya merupakan perkiraan untuk blog saya dan ukuran sebenarnya tergantung pada jumlah gambar yang sobat gunakan.
2. Tautan ke Semua gambar di dalam Templat Sobat Dari Blogger
Sebagian besar dari sobat menggunakan template yang tidak secara resmi disediakan oleh Blogger. Templat ini sering berisi gambar yang disimpan pada layanan seperti tinypic atau photobucket.
Ketika blog sobat dimuat, browser harus terhubung ke semua server yang terhubung ke gambar sobat, sebagai akibatnya menyebabkan penundaan waktu loading blog sobat.
Yang harus sobat lakukan adalah mengganti semua gambar seperti itu dengan gambar yang telah sobat simpan di dalam blogger. Keuntungan melakukannya adalah browser hanya perlu terhubung ke blogger saat memuat gambar sobat. Sehingga menghemat waktu.
3. Berikan Dimensi Ruang Yang Tepat Untuk Gambar
Memberi ruang dimensi setiap gambar lebar dan tinggi tertentu akan memudahkan peramban memuat gambar dengan cepat. Selalu kurangi ukuran gambar jika ukuran aslinya lebih besar. Kode HTML umum untuk gambar terlihat seperti di bawah ini,
Lebar dan tinggi akan membutuhkan nilai dalam piksel. Satu piksel sama dengan titik pada layar. Gambar ukuran penuh di blog saya akan memiliki lebar = "590px" dan tinggi dapat sepanjang yang saya inginkan.
590px hampir sama dengan lebar posting saya. Harapan yang memberi sobat ide tentang bagaimana memilih nilai lebar dan tinggi untuk gambar sobat.
Browser merasa mudah untuk memuat gambar yang dimensinya ditentukan. Pastikan sobat membuat kebiasaan untuk menentukan ukuran yang tepat untuk gambar sobat.
4. Jangan Gunakan Gambar Sebagai Latar Belakang
Jika sobat menggunakan gambar apa pun sebagai latar belakang maka silakan menghapusnya. Gambar latar berulang berulang secara horizontal dan vertikal dan bertanggung jawab atas 50% waktu buka yang lambat.
Hapus saja dan lihat perbedaannya. Untuk menghapus gambar latar belakang cukup temukan kode CSS ini di dalam template sobat, (Cari kode </body> dan biasanya akan ada css seperti dibawah ini, dan silahkan sobat hapus).
Kode ini akan terlihat berbeda di templat sobat, tetapi sobat harus hanya memperhatikan teks hitam tebal . Cukup Hapus url (http://conotohbg/blabla.jpg) dan simpan template sobat.
Berikan warna sederhana ke latar belakang Anda. # 7AA1C3 mengacu pada Warna Latar Belakang. sobat dapat mengubahnya dengan menggunakan Bagan Warna Heksadesimal saya.
Pada artikel dahulu saya juga pernah membuat artikel cara mempercepat loading blog juga, tapi saat ini sedikit berbeda pada artikel sebelumnya.
Pada artikel ini pastinya akan lebih baik dan lengkap dari pada artikel sebelumnya. Dan langkah-langkah ini juga sudah saya terapkan sendiri di blog saya.
Di bawah ini adalah 10 tips yang sangat menarik dan penting untuk mengurangi waktu loading blog sobat yang lama.
1. Simpan Semua Gambar dalam Format GIF atau PNG
GIF adalah singkatan dari "Graphics Interchange Format" dan PNG singkatan dari "Portable Network Graphics" Kedua format ini terkompresi dengan baik, lebih kecil dalam ukuran dan didukung secara luas oleh semua browser.
Tetapi jika ukuran yang bersangkutan kompres PNG jauh lebih baik daripada GIF. Dalam kasus khas hingga 5-25%. Ada beberapa masalah transparansi dengan PNG di IE6 tetapi karena IE7 banyak digunakan hari ini, transparansi juga bukan masalah.
Menggunakan salah satu format gambar ini akan sangat mengurangi waktu buka blog sobat hingga 60% yaitu 70-90KB. Ukurannya merupakan perkiraan untuk blog saya dan ukuran sebenarnya tergantung pada jumlah gambar yang sobat gunakan.
2. Tautan ke Semua gambar di dalam Templat Sobat Dari Blogger
Sebagian besar dari sobat menggunakan template yang tidak secara resmi disediakan oleh Blogger. Templat ini sering berisi gambar yang disimpan pada layanan seperti tinypic atau photobucket.
Ketika blog sobat dimuat, browser harus terhubung ke semua server yang terhubung ke gambar sobat, sebagai akibatnya menyebabkan penundaan waktu loading blog sobat.
Yang harus sobat lakukan adalah mengganti semua gambar seperti itu dengan gambar yang telah sobat simpan di dalam blogger. Keuntungan melakukannya adalah browser hanya perlu terhubung ke blogger saat memuat gambar sobat. Sehingga menghemat waktu.
3. Berikan Dimensi Ruang Yang Tepat Untuk Gambar
Memberi ruang dimensi setiap gambar lebar dan tinggi tertentu akan memudahkan peramban memuat gambar dengan cepat. Selalu kurangi ukuran gambar jika ukuran aslinya lebih besar. Kode HTML umum untuk gambar terlihat seperti di bawah ini,
<img width=”” height=”” src=”URL Of Image” />
Lebar dan tinggi akan membutuhkan nilai dalam piksel. Satu piksel sama dengan titik pada layar. Gambar ukuran penuh di blog saya akan memiliki lebar = "590px" dan tinggi dapat sepanjang yang saya inginkan.
590px hampir sama dengan lebar posting saya. Harapan yang memberi sobat ide tentang bagaimana memilih nilai lebar dan tinggi untuk gambar sobat.
Browser merasa mudah untuk memuat gambar yang dimensinya ditentukan. Pastikan sobat membuat kebiasaan untuk menentukan ukuran yang tepat untuk gambar sobat.
4. Jangan Gunakan Gambar Sebagai Latar Belakang
Jika sobat menggunakan gambar apa pun sebagai latar belakang maka silakan menghapusnya. Gambar latar berulang berulang secara horizontal dan vertikal dan bertanggung jawab atas 50% waktu buka yang lambat.
Hapus saja dan lihat perbedaannya. Untuk menghapus gambar latar belakang cukup temukan kode CSS ini di dalam template sobat, (Cari kode </body> dan biasanya akan ada css seperti dibawah ini, dan silahkan sobat hapus).
body { background: #7AA1C3 url(http://conotohbg/blabla.jpg);
width: 980px;color: #333;
font-size: 14px;
font-family: Georgia;
margin: 0 auto 0;
padding: 0; }
Kode ini akan terlihat berbeda di templat sobat, tetapi sobat harus hanya memperhatikan teks hitam tebal . Cukup Hapus url (http://conotohbg/blabla.jpg) dan simpan template sobat.
Berikan warna sederhana ke latar belakang Anda. # 7AA1C3 mengacu pada Warna Latar Belakang. sobat dapat mengubahnya dengan menggunakan Bagan Warna Heksadesimal saya.
Mengapa sobat harus menautkan ke situs eksternal untuk menyimpan JavaScript sobat sementara sobat dapat dengan mudah menyimpannya di Blogger! Simpan Semua kode JavaScript sobat di dalam template sobat tepat di atas </head> menggunakan kode di bawah ini,
<script type='text/javascript'>
//<![CDATA[
Pastekan Kode JavaScript Disini//]]>
</script>
Teks tebal adalah tempat sobat harus menempelkan kode JavaScript yang sobat gunakan dalam templat sobat dengan menautkan ke situs eksternal.
Untuk menemukan URL JavaScript yang tertaut ke situs eksternal, cari <script type = 'text / javascript'> di dalam templat sobat (Pastikan untuk mencentang kotak “ Perluas templat widget” di sudut kanan atas).
Setelah sobat menemukan tautan seperti itu, buka tautan itu di peramban. sobat akan melihat sebagian besar teks kompleks di jendela dan itu adalah kode JavaScript sobat.
Cukup salin dan rekatkan dalam kode yang dibagikan di atas. Ganti semua kode JavaScript di dalam template sobat dengan kode di atas, memastikan bahwa sobat telah mengekstrak kode dari tautan dan menempelkannya di kode di atas.
6. Gunakan Iklan Terbatas
Jika sobat membuat blog hanya untuk mendapatkan bayaran dengan menampilkan potongan besar iklan dari beberapa sumber daripada sobat pasti menyalahgunakan pengalaman blogging yang indah ini.
Jangan membuat blog sebagai Pasar Ikan. Tampilkan hanya beberapa iklan di area utama di blog sobat. Melakukan hal itu akan membuat antarmuka blog sobat bersih dan mudah dijelajahi dan diakses. Setiap penambahan yang sobat tampilkan menggunakan JavaScript yang memperpanjang waktu pemuatan halaman. Pastikan sobat membatasi semua iklan sobat menjadi tiga atau 4 saja.
7. Hanya Tampilkan Empat-Lima Posting Di Halaman Utama
Jangan tampilkan lebih dari 4-5 posting di Beranda. Melakukan hal itu akan membuat pembaca sobat sibuk membaca posting yang berbeda dan mereka juga akan merasa menarik untuk melihat seberapa cepat halaman beranda dimuat.
8. Jangan Tautkan ke Direktori Blog
Ini adalah persepsi yang salah bahwa menautkan ke beberapa direktori blog akan membawa Anda Traffic besar. Ketika sobat menautkan ke beberapa direktori blog di beranda sobat, mesin pencari kehilangan kepercayaan pada blog sobat karena tautan yang berlebihan dan browser merasa sulit untuk menelusuri gambar-gambar kecil yang terhubung ke direktori blog.
Semua direktori blog meminta sobat untuk menautkan kembali menggunakan tautan gambar kecil di blog sobat, tetapi hal itu hanya akan merusak keberhasilan blog sobat.
Saya hanya percaya pada blogcatalog dan mybloglog sebagai otoritas yang relevan untuk mengharapkan Lalu Lintas dari. Jika sobat benar-benar menginginkan sejumlah traffic dari direktori blog maka percayakan hanya pada blogcatalog dan mybloglog. Selain itu, terimalah hanya sebagian kecil dari tag meta dari mereka dan bukan tautan ke mereka.
Apa yang tidak mereka sadari adalah kenyataan bahwa hal itu hanya akan mengurangi ukuran template hingga 2-4KB atau bahkan kurang, yang pengurangannya hampir dapat diabaikan jika menyangkut browser cepat yang ada saat ini.
Menghapus jeda baris antara kode-kode di dalam blogger akan mendistorsi keseluruhan presentasi template sobat, sehingga menyulitkan untuk mengeditnya. Mohon hindari semua tips yang tidak profesional dan selalu ikuti saran dari seorang ahli sebelum mengambil langkah tersebut.
Sekian artikel mengenai Tips Mempercepat Loading Blog. Semoga membantu dan bermanfaat!!
Happy Blogging!!
0 komentar