Responsive Info Blog. Meningkatkan kecepatan loading sebuah blog adalah merupakan salah satu proses SEO OnPage yang tergolong modern pada saat ini, terutama dengan berlakunya algoritma MobileGeddon dengan fokus responsivitas sebuah website atau blog. Banyak cara yang dapat ditempuh untuk meningkatkan kecepatan loading sebuah blog ini, dan beberapa diantaranya akan penulis uraikan dalam artikel yang sederhana ini.
Dalam artikel tentang Membangun sebuah blog yang berkualitas telah penulis uraikan secara singkat tentang faktor ini yang dapat menjadi salah satu acuan untuk mengkualifikasikan sebuah website atau blog ke dalam golongan blog yang berkualitas baik di mata search engine maupun di mata visitor atau pengunjung blog.
Hampir setiap blogger pemula akan mengalami kegagalan ketika berusaha untuk mengurangi waktu loading blognya. Sebagian besar tutorial yang tersedia untuk mengurangi waktu yang dibutuhkan untuk memuat semua halaman blog sering tidak jelas dan kurang lengkap. Kami memutuskan untuk berbagi cara untuk memecahkan masalah ini. Di bawah ini ada beberapa tips yang benar-benar menarik dan penting untuk mempercepat waktu loading blog Anda hingga mencapai nila prosentase 90% dari sebelumnya.
1. Link Semua Gambar dalam Template Anda Langsung dari Blogger
Saya akan berbagi tips penting besok tentang menciptakan Backup Gambar di Blogger dan kemudian menghubungkan semua gambar dari sana. Sebagian besar dari Anda menggunakan template yang tidak resmi disediakan oleh blogger. Template ini sering mengandung gambar yang disimpan pada layanan seperti TinyPic atau Photobucket. Ketika blog Anda memuat, browser harus terhubung ke semua server yang menghubungkan ke gambar Anda, akibatnya akan menyebabkan keterlambatan besar dalam waktu loading blog Anda. Apa yang harus Anda lakukan adalah mengganti semua gambar tersebut dengan gambar yang telah disimpan di dalam blogger. Keuntungan dari hal tersebut akan menjadikan browser hanya menghubungkan ke Blogger saja saat memuat gambar Anda, sehingga akan menghemat waktu loading.
2. Simpan Semua Gambar dengan Format GIF atau PNG
GIF adalah singkatan dari "Graphics Interchange Format" dan PNG singkatan dari "PortableNetwork Graphics". Kedua format ini juga dikompresi lebih kecil dalam ukuran dan luas didukung oleh semua browser. Tapi ukuran kompresi PNG lebih baik daripada GIF. Dalam kasus sekitar 5-25%. Menggunakan format gambar ini sangat mengurangi waktu loading blog Anda sebesar 60% yaitu 70-90 kb. Namun ukurannya juga tergantung jumlah gambar yang Anda gunakan.
3. Berikan Dimensi yang tepat Untuk Gambar
Mengatur lebar dan tinggi pada setiap gambar tertentu akan memudahkan browser untuk memuat gambar dengan cepat.Kurangilah ukuran gambar jika ukuran aslinya lebih besar. General kode HTML untuk gambar akan terlihat seperti ini:
<img width=”” height=”” src=”URL Of Image” />
Lebar dan tinggi akan memerlukan nilai dalam pixel. Satu pixel sama dengan titik di layar. Sebuah ukuran gambar penuh di blog saya akan memiliki lebar sekitar "550px" dan tingginya dapat saya buat sesuai keinginan. 550px hampir sama dengan lebar posting saya. Browser merasa lebih mudah untuk memuat gambar yang dimensinya ditentukan. Pastikan Anda membuat kebiasaan untuk menentukan ukuran yang tepat untuk gambar Anda.
4. Jangan Gunakan Sebuah Gambar Sebagai Background Template Blog
Jika Anda menggunakan gambar sebagai background maka saya sarankan untuk menghapusnya. Sebuah gambar latar belakang berulang secara horizontal dan vertikal dan menghabiskan 50% waktu loading blog Anda menjadi semakin lambat. Dengan menghapusnya silahkan lihat perbedaannya. Untuk menghapus gambar latar belakang hanya dengan menemukan kode CSS di dalam template Anda. (Ini terletak di bagian atas blog Anda. Cukup mencari body)
Kode ini akan terlihat berbeda dalam template Anda, tetapi Anda hanya harus melihat teks yang bercetak tebal saja. Cukup hapus URL (http://xyz.com/blabla.jpg) dan menyimpan template Anda. Berikan warna sederhana untuk latar belakang blog Anda. #7AA1C3 mengacu pada Background Color. Anda dapat mengubahnya dengan menggunakan Hexadecimal Color Chart.
5. Simpan Semua Text JavaScript Dalam Blogger
Mengapa Anda harus menghubungkan ke situs eksternal untuk menyimpan JavaScript Anda sementara Anda dapat dengan mudah menyimpannya di Blogger ! Simpan semua kode JavaScript Anda di dalam template Anda tepat di atas kode </head>, seperti contoh di bawah ini:
<script type='text/javascript'>
//<![CDATA[
Paste Your JavaScript Code Here
//]]>
</script>
Untuk menemukan URL JavaScript yang terhubung ke situs eksternal, carilah <script type = 'text / javascript'> dalam template Anda. Setelah Anda menemukan link seperti itu, buka link tersebut di browser. Anda akan melihat potongan besar teks yang kompleks di jendela dan itu adalah kode JavaScript Anda. Cukup copy paste kode di atas bersama. Ganti semua kode JavaScript dalam template Anda dengan kode di atas dan pastikan bahwa Anda telah mengekstrak kode dari link dan disisipkan dalam rangkaian kode sebelum </ head> menggunakan cara di atas.
6. Jagalah Kualitas Script Template Blogger Anda tetap Baik
Kesalahan utama yang sering dilakukan adalah mengupload template yang dipandang menarik bagi mereka (blogger). Kebanyakan template blogger yang tidak resmi yang tersedia di blogosphere sering dibuat oleh orang-orang yang tidak menyadari penggunaan HTML dan JavaScript yang tepat. Script template yang tidak tepat, tag yang kosong dan tidak diperlukan, serta JavaScript yang rusak sering membuat spider search engine mengalami kesulitan saat menjelajah isi weblog Anda. Browser juga akan memakan waktu yang lama untuk membaca script yang rusak. Jadi, gunakanlah template blog yang memiliki script yang baik.
7. Batasi Penggunaan Iklan
Jika Anda melakukan blogging hanya untuk mendapatkan keuntungan dengan memasang potongan iklan yang besar dan banyak maka keputusan Anda tersebut adalah kurang tepat. Jangan membuat blog sebagai pasar ikan atau super market. Tampilkan saja beberapa iklan penting dan tempatkanlah di posisi yang tepat dalam blog Anda. Melakukan praktek ini akan menjaga interface blog Anda tetap bersih dan mudah untuk dijelajahi oleh browser. Batasilah jumlah iklan Anda maksimal 3 buah sudah cukup karena penggunaan JavaScript yang berlebihan dapat memperlambat loading blog Anda, apalagi menumpuk pada halaman HomePage Blog.
8. Jangan Gunakan Widget dari Blog Directories yang Menggunakan Gambar
Saya melihat baru-baru ini yang banyak dikunjungi adalah widget yang disediakan oleh blogcatalog dan mybloglog. Widget ini menggunakan JavaScript yang menghubungkan ke situs lain dan menggunakan gambar sehingga akan menambah waktu buka blog Anda. Saya menggunakan meta tag yang diberikan oleh mereka bukan menggunakan widget mereka. Hal ini membantu dalam mengurangi waktu yang dibutuhkan untuk memuat seluruh halaman blog saya. Jika Anda benar-benar ingin menggunakan widget ini silahkan tampilkan beberapa gambar saja.
9. Tampilkan Hanya Empat atau Lima Postingan di Halaman Depan
Jangan tampilkan lebih dari 4-5 postingan di Homepage. Melakukan hal ini akan membuat pembaca Anda sibuk membaca postingan yang berbeda dan mereka juga pasti akan menemukan hal yang menarik untuk melihat seberapa cepat beban Homepage blog anda. Jumlah postingan blog yang terlalu banyak pada halaman HomePage ini sangat berpotensi untuk menambah lamanya waktu loading sebuah blog.
10. Menghilangkan Link Eksternal
Jangan gunakan widget yang berasal dari situs eksternal selain blogger. Singkirkan counter stats dan gunakan Google Analytics. Jangan menyimpan gambar pada layanan lain tetapi gunakanlah fasilitas penyimpanan dari blogger. Simpan semua JavaScript dalam blogger seperti dibahas di atas. Jangan menambahkan link dari direktori blog, karena mereka tidak membawa lalu lintas dengan pengecualian blogcatalog dan mybloglog.
11. Optimalkan Kode HTML Template Blog Anda
Mengoptimalkan kode-kode HTML Template Blog akan membawa dampak yang cukup signifikan dalam upaya untuk meningkatkan kecepatan loading sebuah blog. Untuk mengoptimalkan kode-kode HTML Template blog ini, Anda dapat mempergunakan fasilitas yang disediakan oleh HTML Optimizer. Lakukan proses optimalisasi ini secara bertahap, bagian per bagian agar tidak merusak tampilan blog secara keseluruhan.
12. Move On text Javascript yang memblokir perenderan
Ada beberapa text Javascript yang dapat memblokir perenderan pada konten paruh atas sebuah blog bilamana kita menguji tingkat kecepatan blog kita dengan mempergunakan fasilitas Google PageSpeed Insights. Untuk itu pindahkan penempatan text-text Javascript tersebut ke bagian bawah template blog, sebelum kode </body>.
Demikianlah uraian penulis, bilamana anda memiliki tips-tips yang lainnya, mari kita diskusikan pada bagian kotak komentar di bawah ini.
1. Link Semua Gambar dalam Template Anda Langsung dari Blogger
Saya akan berbagi tips penting besok tentang menciptakan Backup Gambar di Blogger dan kemudian menghubungkan semua gambar dari sana. Sebagian besar dari Anda menggunakan template yang tidak resmi disediakan oleh blogger. Template ini sering mengandung gambar yang disimpan pada layanan seperti TinyPic atau Photobucket. Ketika blog Anda memuat, browser harus terhubung ke semua server yang menghubungkan ke gambar Anda, akibatnya akan menyebabkan keterlambatan besar dalam waktu loading blog Anda. Apa yang harus Anda lakukan adalah mengganti semua gambar tersebut dengan gambar yang telah disimpan di dalam blogger. Keuntungan dari hal tersebut akan menjadikan browser hanya menghubungkan ke Blogger saja saat memuat gambar Anda, sehingga akan menghemat waktu loading.
2. Simpan Semua Gambar dengan Format GIF atau PNG
GIF adalah singkatan dari "Graphics Interchange Format" dan PNG singkatan dari "PortableNetwork Graphics". Kedua format ini juga dikompresi lebih kecil dalam ukuran dan luas didukung oleh semua browser. Tapi ukuran kompresi PNG lebih baik daripada GIF. Dalam kasus sekitar 5-25%. Menggunakan format gambar ini sangat mengurangi waktu loading blog Anda sebesar 60% yaitu 70-90 kb. Namun ukurannya juga tergantung jumlah gambar yang Anda gunakan.
3. Berikan Dimensi yang tepat Untuk Gambar
Mengatur lebar dan tinggi pada setiap gambar tertentu akan memudahkan browser untuk memuat gambar dengan cepat.Kurangilah ukuran gambar jika ukuran aslinya lebih besar. General kode HTML untuk gambar akan terlihat seperti ini:
<img width=”” height=”” src=”URL Of Image” />
Lebar dan tinggi akan memerlukan nilai dalam pixel. Satu pixel sama dengan titik di layar. Sebuah ukuran gambar penuh di blog saya akan memiliki lebar sekitar "550px" dan tingginya dapat saya buat sesuai keinginan. 550px hampir sama dengan lebar posting saya. Browser merasa lebih mudah untuk memuat gambar yang dimensinya ditentukan. Pastikan Anda membuat kebiasaan untuk menentukan ukuran yang tepat untuk gambar Anda.
4. Jangan Gunakan Sebuah Gambar Sebagai Background Template Blog
Jika Anda menggunakan gambar sebagai background maka saya sarankan untuk menghapusnya. Sebuah gambar latar belakang berulang secara horizontal dan vertikal dan menghabiskan 50% waktu loading blog Anda menjadi semakin lambat. Dengan menghapusnya silahkan lihat perbedaannya. Untuk menghapus gambar latar belakang hanya dengan menemukan kode CSS di dalam template Anda. (Ini terletak di bagian atas blog Anda. Cukup mencari body)
body { background: #7AA1C3 url(http://xyz.com/blabla.jpg);
width: 980px;
color: #333;
font-size: 14px;
font-family: Georgia;
margin: 0 auto 0;
padding: 0; }
Kode ini akan terlihat berbeda dalam template Anda, tetapi Anda hanya harus melihat teks yang bercetak tebal saja. Cukup hapus URL (http://xyz.com/blabla.jpg) dan menyimpan template Anda. Berikan warna sederhana untuk latar belakang blog Anda. #7AA1C3 mengacu pada Background Color. Anda dapat mengubahnya dengan menggunakan Hexadecimal Color Chart.
5. Simpan Semua Text JavaScript Dalam Blogger
Mengapa Anda harus menghubungkan ke situs eksternal untuk menyimpan JavaScript Anda sementara Anda dapat dengan mudah menyimpannya di Blogger ! Simpan semua kode JavaScript Anda di dalam template Anda tepat di atas kode </head>, seperti contoh di bawah ini:
<script type='text/javascript'>
//<![CDATA[
Paste Your JavaScript Code Here
//]]>
</script>
Untuk menemukan URL JavaScript yang terhubung ke situs eksternal, carilah <script type = 'text / javascript'> dalam template Anda. Setelah Anda menemukan link seperti itu, buka link tersebut di browser. Anda akan melihat potongan besar teks yang kompleks di jendela dan itu adalah kode JavaScript Anda. Cukup copy paste kode di atas bersama. Ganti semua kode JavaScript dalam template Anda dengan kode di atas dan pastikan bahwa Anda telah mengekstrak kode dari link dan disisipkan dalam rangkaian kode sebelum </ head> menggunakan cara di atas.
6. Jagalah Kualitas Script Template Blogger Anda tetap Baik
Kesalahan utama yang sering dilakukan adalah mengupload template yang dipandang menarik bagi mereka (blogger). Kebanyakan template blogger yang tidak resmi yang tersedia di blogosphere sering dibuat oleh orang-orang yang tidak menyadari penggunaan HTML dan JavaScript yang tepat. Script template yang tidak tepat, tag yang kosong dan tidak diperlukan, serta JavaScript yang rusak sering membuat spider search engine mengalami kesulitan saat menjelajah isi weblog Anda. Browser juga akan memakan waktu yang lama untuk membaca script yang rusak. Jadi, gunakanlah template blog yang memiliki script yang baik.
7. Batasi Penggunaan Iklan
Jika Anda melakukan blogging hanya untuk mendapatkan keuntungan dengan memasang potongan iklan yang besar dan banyak maka keputusan Anda tersebut adalah kurang tepat. Jangan membuat blog sebagai pasar ikan atau super market. Tampilkan saja beberapa iklan penting dan tempatkanlah di posisi yang tepat dalam blog Anda. Melakukan praktek ini akan menjaga interface blog Anda tetap bersih dan mudah untuk dijelajahi oleh browser. Batasilah jumlah iklan Anda maksimal 3 buah sudah cukup karena penggunaan JavaScript yang berlebihan dapat memperlambat loading blog Anda, apalagi menumpuk pada halaman HomePage Blog.
8. Jangan Gunakan Widget dari Blog Directories yang Menggunakan Gambar
Saya melihat baru-baru ini yang banyak dikunjungi adalah widget yang disediakan oleh blogcatalog dan mybloglog. Widget ini menggunakan JavaScript yang menghubungkan ke situs lain dan menggunakan gambar sehingga akan menambah waktu buka blog Anda. Saya menggunakan meta tag yang diberikan oleh mereka bukan menggunakan widget mereka. Hal ini membantu dalam mengurangi waktu yang dibutuhkan untuk memuat seluruh halaman blog saya. Jika Anda benar-benar ingin menggunakan widget ini silahkan tampilkan beberapa gambar saja.
9. Tampilkan Hanya Empat atau Lima Postingan di Halaman Depan
Jangan tampilkan lebih dari 4-5 postingan di Homepage. Melakukan hal ini akan membuat pembaca Anda sibuk membaca postingan yang berbeda dan mereka juga pasti akan menemukan hal yang menarik untuk melihat seberapa cepat beban Homepage blog anda. Jumlah postingan blog yang terlalu banyak pada halaman HomePage ini sangat berpotensi untuk menambah lamanya waktu loading sebuah blog.
10. Menghilangkan Link Eksternal
Jangan gunakan widget yang berasal dari situs eksternal selain blogger. Singkirkan counter stats dan gunakan Google Analytics. Jangan menyimpan gambar pada layanan lain tetapi gunakanlah fasilitas penyimpanan dari blogger. Simpan semua JavaScript dalam blogger seperti dibahas di atas. Jangan menambahkan link dari direktori blog, karena mereka tidak membawa lalu lintas dengan pengecualian blogcatalog dan mybloglog.
11. Optimalkan Kode HTML Template Blog Anda
Mengoptimalkan kode-kode HTML Template Blog akan membawa dampak yang cukup signifikan dalam upaya untuk meningkatkan kecepatan loading sebuah blog. Untuk mengoptimalkan kode-kode HTML Template blog ini, Anda dapat mempergunakan fasilitas yang disediakan oleh HTML Optimizer. Lakukan proses optimalisasi ini secara bertahap, bagian per bagian agar tidak merusak tampilan blog secara keseluruhan.
12. Move On text Javascript yang memblokir perenderan
Ada beberapa text Javascript yang dapat memblokir perenderan pada konten paruh atas sebuah blog bilamana kita menguji tingkat kecepatan blog kita dengan mempergunakan fasilitas Google PageSpeed Insights. Untuk itu pindahkan penempatan text-text Javascript tersebut ke bagian bawah template blog, sebelum kode </body>.
Demikianlah uraian penulis, bilamana anda memiliki tips-tips yang lainnya, mari kita diskusikan pada bagian kotak komentar di bawah ini.
Silahkan meninggalkan komentar, jangan melakukan spam dengan modus Anonim komentar atau meninggalkan link aktif pada komentar anda ......
Jangan meninggalkan komentar yang berbau Sara maupun Pornografi.
Jadilah blogger yang bermartabat.
Mohon maaf bilamana terjadi keterlambatan balasan komentar anda.