Beberapa cara membuat blog ringan dan fast loading
17 Juli 2017
Add Comment
Perlu diketahui bahwa kecepatan loading blog adalah salah satu faktor yang dapat mempengaruhi posisi halaman situs pada SERP atau hasil pencarian google.
Banyak para blogger pemula yang lebih mementingkan tampilan blog dibanding dengan mengutamakan keringanan halaman situs atau blog, sehingga halaman situs atau blog yang mereka miliki menjadi lebih berat, loading lama dan sulit untuk diakses .
Jika seperti itu kesempatan mendapatkan posisi terbaik SERP bisa hilang begitu saja, namun jika halaman blog atau situs memiliki proses loading halaman yang cepat dan ringan, bukan hanya para pengunjung yang menyukainya, mesin pencaripun akan menyukainya juga, sehingga untuk mendapatkan posisi terbaik SERP menjadi lebih baik.
Banyak faktor yang mengakibatkan halaman blog berat dan loading lama bahkan harus menunggu beberapa detik, beberapa penyebabnya adalah, banyak melibatkan gambar, banyak melibatkan sumber script dari luar terutama javascript atau jquery, banyak melibatkan widget dan juga penyebab lainnya. itu karena ketidak tauan para blogger, sehingga mereka kebanyakan lebih mementingkan tampilan yang indah tanpa memperhatikan sedikitpun pengaruhnya terhadap loading halaman blog atau situs, sehingga berefek buruk bagi blog yang mereka miliki.
Untuk para blogger pemula, dan para blogger pada umumnya, ketika kita memiliki blog atau situs, hal utama yang harus sobat perhatikan dan upayakan bagaimana blog atau situs yang sobat mempunyai proses loading halamannya cepat dan ringan, baru kemudian kita memprioritaskan tampilan dan hal hal lainnya untuk mempercantik blog.
Pada artikel ini akan dijelasakan mengenai tips yang bisa kita lakukan untuk mempercepat dan mengurangi proses loading halaman blog atau situs, sebagai berikut:
A.Gunakan sumber gambar yang diambil dari situs pengelola gambar google.
Sebenarnya sumber gambar bisa kita ambil dari mana saja, kadang gambar diambil dengan me-link-kan secara langsung dari situs penyedia layanan gambar seperti photobacket, tinypic dan situs lainnya diluar layanan google, ketika blog sedang melakukan proses loading, blog akan mencoba melakukan komunikasi dengan situs-situs dimana sumber gambar tersebut diambil.
Proses tersebut sebenarnya akan memakan waktu meskipun tidak terlalu terasa sehingga berpengaruh ke proses loading halaman blog menjadi sedikit lebih lambat.
Apa yang harus kita lakukan, adalah download terlebih dahulu gambar tersebut, kemudian mengupload kembali gambar menggunakan blog, kemudian baru kita gunakan alamat url gambar tersebut pada blog yang kita miliki, itu akan lebih baik daripada kita harus mengakses gambar secara langsung ke server yang berbeda dengan server blog yang kita miliki.
B.Kompres Gambar terlebih dahulu sebelum diupload dan gunakan format gambar yang direkomendasikan .
Ketika kita menggunakan gambar pada blog yang kita miliki sebaiknya format gambar yang kita gunakan sesuai dengan format yang direkomendasikan oleh google, Google memberikan referensi mengenai gambar yang bisa kita sisipkan,berikut pernyataan google .
#1. PNG lebih baik dari GIF, meskipun beberapa versi browser lawas mungkin hanya mendukung format untuk PNG saja.
#2. Gunakan GIF untuk grafik sederhana atau sangat kecil (misalnya kurang dari 10x10 piksel, atau palet warna yang kurang dari 3 warna) dan untuk gambar yang bergerak.
#3. Gunakan JPG untuk semua gambar bergaya fotografi, dan Jangan menggunakan BMP atau TIFF.
Sebelum gambar diupload untuk digunakan gambar tersebut kita kompress terlebih dahulu agar ukurannya menjadi lebih kecil, semakin kecil maka akan semakin ringan .
Format gambar untuk web yang paling baik adalah PNG atau GIF, gambar tersebut memiliki kualitas sangat baik ketika di kompress, berukurang kecil dan support untuk semua web browser
C. Tentukan ukuran gambar ketika akan digunakan atau di upload .
Ketika gambar digunakan dalam kode html, sebaiknya menentukan dulu ukuran gambar ketika gambar tersebut akan digunakan, sehingga browser akan memproses gambar tersebut menjadi lebih cepat ketika dibaca, berikut kode HTML yang harus kita sertakan untuk menampilkan gambar:
Untuk memasukan atribut width dan height seperti terleihat pada kode warna hijau diatas ketika menggunakan gambar pada blog atau situs, (width) adalah lebar gambar, dan (height) adalah untuk tinggi gambar, biasanya ukuran gambar adalah pixel, dan ingat untuk menyesuaikan ukuran gambar sesuai dengan apa yang diharapkan.
D. Hindari pemakaian gambar untuk backgrund blog .
Dengan tujuan untuk memperindah dan mempercantik halaman situs atau blog, banyak para blogger menggunakan gambar untuk background halaman situs atau blog yang mereka miliki, memang dengan melibatkan gambar, tampilan blog semakin menarik dan indah, namun pemakaian gambar untuk background halaman blog akan sedikit berpengaruh pada loading blog yang semakin lama.
Jika sobat kebetulan menggunakan gambar untuk background halaman situs atau blog, sebaiknya hapus gambar tersebut,akan lebih baik ganti dengan warna background saja, agar halaman situs atau blog yang sobat miliki semakin ringan dan pengunjung blog pun akan merasa nyaman berlama lama menjelajahi blog sobat ,dan terpenting disukai mesin pencari google dll.
E. Meletakan Semua Kode java script pada template blog .
Java script adalah kode untuk memberikan sentuhan interaktif pada halaman blog, ada beberapa cara ketika kita menggunakan java script, yaitu eksternal javascript dan internal javascript, external java script yaitu mengambil java script dengan me-link-kannya secara langsung dari situs yang berbeda, sedangkan internal javascript yaitu menuliskan secara langsung pada template blog.
Ketika kita banyak menggunakan internal java script sebaiknya internal java script kita letakan di bagian header dan dalam format template blog seperti terlihat pada kode dibawah ini:
Silahkan perikasa template sobat untuk menemukan inline javascript atau kode internal javascript, dan silahkan sobat perbaiki dengan meletakan kode java script yang sobat temukan seperti terlihat pada kode diatas.
F. Gunakan javascript dan ss yang sudah dikompress
Ketika menggunakan java script dan CSS sebaiknya pilihlah javascript dan CSS yang sudah dikompres, pada umumnya ketika java script atau CSS kita ambil secara external, biasanya tersedia juga javascript atau CSS yang sudah di kompress.
Library javascript yang sudah dikompres biasanya berakhiran min seperti nama_file_min.js dan CSS yang sudah dikompress juga biasanya berakhiran min seperti nama_file_min.css, pilihlah file yang sudah dikompress tersebut untuk digunakan agar meringankan loading blog atu situs.
G. Tampilkan empat atau lima postingan pada halaman utama blog atu situs.
Sebaik nya pada halaman utama blog jangan menampilkan jumlah postingan lebih dari lima semakin banyak daftar postingan kita tampilkan maka akan semakin memperlambat loading halaman blog, sebaiknya tampilkan empat sampai lima postingan dalam halaman home atau halaman utama situs.
H. Rikas Daftar rincian isi postingan pada halaman utama blog.
Halaman utama blog pada umumnya akan menyajikan daftar postingan, biasanya bisa kita letakan lebih dari satu postingan sebaiknya setiap daftar postingan jangan terlalu menampilkan isi postingan secara lengkap.
Jika isi postingan sangat panjang, tampilkan hanya sebagian isi postingan dan lengkapi dengan link "baca selengkapnya" atau "Read more..." atau link serupa lain nya yang menawarkan kepada pengunjung untuk membaca lebih lengkap daftar postingan tersebut,dengan demikian loading blog akan semakin ringan dan cepat .
Pada umumnya template blog saat ini sudah mendukung daftar postingan semacam ini pada halaman home blog. jika belum silahkan sobat modifikasi sehingga daftar positngan pada halaman situs, cukup menampilkan uraian singkat yang dilengkapi dengan link untuk membaca selengkapnya secara keseluruhan.
Sobat bisa memasang widget blog autoreadmore pada template blog sobat, silahkan cari tutorial membuat auto readmore blog untuk sobat pasang pada blog atau situs.
I. Jangan terlalu banyak memakai widget pada blog atu situs .
Blog saat ini sudah difasilitasi dengan banyak widget yang bisa sobat bongkar pasang pada halaman blog, baik itu di sidebar, di atas maupun di bawah, tergantung dari tata letak template yang digunakan.
Ketika kita bermaksud memasang widget pada blog, pilihlah beberapa widget yang memang dianggap penting, jangan memasang terlalu banyak widget yang sifatnya kurang penting, karena semakin banyak widget yang kita aktifkan pada blog kita berarti loading blog akan semakin boyot dan lama.
Itu dikarenakan blog akan memproses setiap widget yang kita letakan dan proses tersebut akan membutuhkan waktu yang cukup lama, sehingga berpengaruh ke loading halaman blog, oleh karena itu disarankan untuk memasang widget satu sampai dua saja, dengan memasang widget yang memang dianggap penting.
J. Batasi Penayangan Iklan
Jika blog yang kita buat untuk monetisasi, sebaiknya jangan terlalu banyak memasang iklan, semakin banyak iklan yang kita pasang maka proses loading halaman blog akan semakin lama.
Tidak sedikit para blogger yang sudah berhasil memonetisasi blog, dengan tujuan untuk mendapatkan penghasilan yang berlimpah pada akhirnya mereka kurang memperhatikan pemasangan iklan, sehingga banyak sekali iklan yang diterbitkan dalam satu halaman blog.
Iklan yang terlalu banyak akan berpengaruh pada kecepatan loading halaman blog tersebut yang akan semakin memburuk, bahkan iklan yang terlalu banyak bisa mengangu kenyamanan pengunjung, sehingga mereka muak dengan blog yang sobat miliki .
Oleh karena itu sebaiknya bijak ketika kita memasang iklan dan perhatikan juga kesehatan blog yang kita miliki, jika kita hendak memasang iklan, pasanglah dua sampai tiga iklan itu akan lebih baik.
K. Pilihlah widget ekternal tanpa gambar
Jika dalam blog yang sobat miliki terpaksa harus memasang widget dari luar, seperti widget dari media social, widget layanan trafik dan widget-widget ekternal lainnya, sebaiknya hindari untuk menggunakan widget bergambar, pilihlah widget yang hanya menampilkan text namun informatif.
Itulah beberapa cara dan tips mempercepat loading pada blog atau situs yang kita miliki ,cukup sampai sini dulu semoaga artikel ini bisa bermanfaat bagi semua .
Banyak para blogger pemula yang lebih mementingkan tampilan blog dibanding dengan mengutamakan keringanan halaman situs atau blog, sehingga halaman situs atau blog yang mereka miliki menjadi lebih berat, loading lama dan sulit untuk diakses .
Jika seperti itu kesempatan mendapatkan posisi terbaik SERP bisa hilang begitu saja, namun jika halaman blog atau situs memiliki proses loading halaman yang cepat dan ringan, bukan hanya para pengunjung yang menyukainya, mesin pencaripun akan menyukainya juga, sehingga untuk mendapatkan posisi terbaik SERP menjadi lebih baik.
Banyak faktor yang mengakibatkan halaman blog berat dan loading lama bahkan harus menunggu beberapa detik, beberapa penyebabnya adalah, banyak melibatkan gambar, banyak melibatkan sumber script dari luar terutama javascript atau jquery, banyak melibatkan widget dan juga penyebab lainnya. itu karena ketidak tauan para blogger, sehingga mereka kebanyakan lebih mementingkan tampilan yang indah tanpa memperhatikan sedikitpun pengaruhnya terhadap loading halaman blog atau situs, sehingga berefek buruk bagi blog yang mereka miliki.
Berikut Cara-Cara Efektif Untuk Meringankan Loading halaman .
Untuk para blogger pemula, dan para blogger pada umumnya, ketika kita memiliki blog atau situs, hal utama yang harus sobat perhatikan dan upayakan bagaimana blog atau situs yang sobat mempunyai proses loading halamannya cepat dan ringan, baru kemudian kita memprioritaskan tampilan dan hal hal lainnya untuk mempercantik blog.
Pada artikel ini akan dijelasakan mengenai tips yang bisa kita lakukan untuk mempercepat dan mengurangi proses loading halaman blog atau situs, sebagai berikut:
A.Gunakan sumber gambar yang diambil dari situs pengelola gambar google.
Sebenarnya sumber gambar bisa kita ambil dari mana saja, kadang gambar diambil dengan me-link-kan secara langsung dari situs penyedia layanan gambar seperti photobacket, tinypic dan situs lainnya diluar layanan google, ketika blog sedang melakukan proses loading, blog akan mencoba melakukan komunikasi dengan situs-situs dimana sumber gambar tersebut diambil.
Proses tersebut sebenarnya akan memakan waktu meskipun tidak terlalu terasa sehingga berpengaruh ke proses loading halaman blog menjadi sedikit lebih lambat.
Apa yang harus kita lakukan, adalah download terlebih dahulu gambar tersebut, kemudian mengupload kembali gambar menggunakan blog, kemudian baru kita gunakan alamat url gambar tersebut pada blog yang kita miliki, itu akan lebih baik daripada kita harus mengakses gambar secara langsung ke server yang berbeda dengan server blog yang kita miliki.
B.Kompres Gambar terlebih dahulu sebelum diupload dan gunakan format gambar yang direkomendasikan .
Ketika kita menggunakan gambar pada blog yang kita miliki sebaiknya format gambar yang kita gunakan sesuai dengan format yang direkomendasikan oleh google, Google memberikan referensi mengenai gambar yang bisa kita sisipkan,berikut pernyataan google .
#1. PNG lebih baik dari GIF, meskipun beberapa versi browser lawas mungkin hanya mendukung format untuk PNG saja.
#2. Gunakan GIF untuk grafik sederhana atau sangat kecil (misalnya kurang dari 10x10 piksel, atau palet warna yang kurang dari 3 warna) dan untuk gambar yang bergerak.
#3. Gunakan JPG untuk semua gambar bergaya fotografi, dan Jangan menggunakan BMP atau TIFF.
Sebelum gambar diupload untuk digunakan gambar tersebut kita kompress terlebih dahulu agar ukurannya menjadi lebih kecil, semakin kecil maka akan semakin ringan .
Format gambar untuk web yang paling baik adalah PNG atau GIF, gambar tersebut memiliki kualitas sangat baik ketika di kompress, berukurang kecil dan support untuk semua web browser
C. Tentukan ukuran gambar ketika akan digunakan atau di upload .
Ketika gambar digunakan dalam kode html, sebaiknya menentukan dulu ukuran gambar ketika gambar tersebut akan digunakan, sehingga browser akan memproses gambar tersebut menjadi lebih cepat ketika dibaca, berikut kode HTML yang harus kita sertakan untuk menampilkan gambar:
<img src='alamat_url_gambar' width='...px' height='...px'>
Untuk memasukan atribut width dan height seperti terleihat pada kode warna hijau diatas ketika menggunakan gambar pada blog atau situs, (width) adalah lebar gambar, dan (height) adalah untuk tinggi gambar, biasanya ukuran gambar adalah pixel, dan ingat untuk menyesuaikan ukuran gambar sesuai dengan apa yang diharapkan.
D. Hindari pemakaian gambar untuk backgrund blog .
Dengan tujuan untuk memperindah dan mempercantik halaman situs atau blog, banyak para blogger menggunakan gambar untuk background halaman situs atau blog yang mereka miliki, memang dengan melibatkan gambar, tampilan blog semakin menarik dan indah, namun pemakaian gambar untuk background halaman blog akan sedikit berpengaruh pada loading blog yang semakin lama.
Jika sobat kebetulan menggunakan gambar untuk background halaman situs atau blog, sebaiknya hapus gambar tersebut,akan lebih baik ganti dengan warna background saja, agar halaman situs atau blog yang sobat miliki semakin ringan dan pengunjung blog pun akan merasa nyaman berlama lama menjelajahi blog sobat ,dan terpenting disukai mesin pencari google dll.
E. Meletakan Semua Kode java script pada template blog .
Java script adalah kode untuk memberikan sentuhan interaktif pada halaman blog, ada beberapa cara ketika kita menggunakan java script, yaitu eksternal javascript dan internal javascript, external java script yaitu mengambil java script dengan me-link-kannya secara langsung dari situs yang berbeda, sedangkan internal javascript yaitu menuliskan secara langsung pada template blog.
Ketika kita banyak menggunakan internal java script sebaiknya internal java script kita letakan di bagian header dan dalam format template blog seperti terlihat pada kode dibawah ini:
<script type='text/javascript'>
//<![CDATA[
letakan kode javascript disini..
//]]>
</script>
Silahkan perikasa template sobat untuk menemukan inline javascript atau kode internal javascript, dan silahkan sobat perbaiki dengan meletakan kode java script yang sobat temukan seperti terlihat pada kode diatas.
F. Gunakan javascript dan ss yang sudah dikompress
Ketika menggunakan java script dan CSS sebaiknya pilihlah javascript dan CSS yang sudah dikompres, pada umumnya ketika java script atau CSS kita ambil secara external, biasanya tersedia juga javascript atau CSS yang sudah di kompress.
Library javascript yang sudah dikompres biasanya berakhiran min seperti nama_file_min.js dan CSS yang sudah dikompress juga biasanya berakhiran min seperti nama_file_min.css, pilihlah file yang sudah dikompress tersebut untuk digunakan agar meringankan loading blog atu situs.
G. Tampilkan empat atau lima postingan pada halaman utama blog atu situs.
Sebaik nya pada halaman utama blog jangan menampilkan jumlah postingan lebih dari lima semakin banyak daftar postingan kita tampilkan maka akan semakin memperlambat loading halaman blog, sebaiknya tampilkan empat sampai lima postingan dalam halaman home atau halaman utama situs.
H. Rikas Daftar rincian isi postingan pada halaman utama blog.
Halaman utama blog pada umumnya akan menyajikan daftar postingan, biasanya bisa kita letakan lebih dari satu postingan sebaiknya setiap daftar postingan jangan terlalu menampilkan isi postingan secara lengkap.
Jika isi postingan sangat panjang, tampilkan hanya sebagian isi postingan dan lengkapi dengan link "baca selengkapnya" atau "Read more..." atau link serupa lain nya yang menawarkan kepada pengunjung untuk membaca lebih lengkap daftar postingan tersebut,dengan demikian loading blog akan semakin ringan dan cepat .
Pada umumnya template blog saat ini sudah mendukung daftar postingan semacam ini pada halaman home blog. jika belum silahkan sobat modifikasi sehingga daftar positngan pada halaman situs, cukup menampilkan uraian singkat yang dilengkapi dengan link untuk membaca selengkapnya secara keseluruhan.
Sobat bisa memasang widget blog autoreadmore pada template blog sobat, silahkan cari tutorial membuat auto readmore blog untuk sobat pasang pada blog atau situs.
I. Jangan terlalu banyak memakai widget pada blog atu situs .
Blog saat ini sudah difasilitasi dengan banyak widget yang bisa sobat bongkar pasang pada halaman blog, baik itu di sidebar, di atas maupun di bawah, tergantung dari tata letak template yang digunakan.
Ketika kita bermaksud memasang widget pada blog, pilihlah beberapa widget yang memang dianggap penting, jangan memasang terlalu banyak widget yang sifatnya kurang penting, karena semakin banyak widget yang kita aktifkan pada blog kita berarti loading blog akan semakin boyot dan lama.
Itu dikarenakan blog akan memproses setiap widget yang kita letakan dan proses tersebut akan membutuhkan waktu yang cukup lama, sehingga berpengaruh ke loading halaman blog, oleh karena itu disarankan untuk memasang widget satu sampai dua saja, dengan memasang widget yang memang dianggap penting.
J. Batasi Penayangan Iklan
Jika blog yang kita buat untuk monetisasi, sebaiknya jangan terlalu banyak memasang iklan, semakin banyak iklan yang kita pasang maka proses loading halaman blog akan semakin lama.
Tidak sedikit para blogger yang sudah berhasil memonetisasi blog, dengan tujuan untuk mendapatkan penghasilan yang berlimpah pada akhirnya mereka kurang memperhatikan pemasangan iklan, sehingga banyak sekali iklan yang diterbitkan dalam satu halaman blog.
Iklan yang terlalu banyak akan berpengaruh pada kecepatan loading halaman blog tersebut yang akan semakin memburuk, bahkan iklan yang terlalu banyak bisa mengangu kenyamanan pengunjung, sehingga mereka muak dengan blog yang sobat miliki .
Oleh karena itu sebaiknya bijak ketika kita memasang iklan dan perhatikan juga kesehatan blog yang kita miliki, jika kita hendak memasang iklan, pasanglah dua sampai tiga iklan itu akan lebih baik.
K. Pilihlah widget ekternal tanpa gambar
Jika dalam blog yang sobat miliki terpaksa harus memasang widget dari luar, seperti widget dari media social, widget layanan trafik dan widget-widget ekternal lainnya, sebaiknya hindari untuk menggunakan widget bergambar, pilihlah widget yang hanya menampilkan text namun informatif.
Itulah beberapa cara dan tips mempercepat loading pada blog atau situs yang kita miliki ,cukup sampai sini dulu semoaga artikel ini bisa bermanfaat bagi semua .
0 Response to "Beberapa cara membuat blog ringan dan fast loading"
Posting Komentar