Akibat koneksi internet yang lambat akhir - akhir ini aktivitas blogging jadi terkendala. Jangankan mau update postingan, buka browser aja udah kluwer2 lama banget ga muncul homepagenya. Haduuuh Ini yang kemudian muncul dibenak saya tentang betapa pentingnya kecepatan loading blog, agar mudah diakses walaupun dengan koneksi yang lelet sekalipun. Kadang kita terlena dan sibuk dengan mendesign blog yang keren tanpa mempertimbangkan kecepatan blog. Kalau kita lihat pada pengembangan web design saat ini banyak yang hanya mementingan tampilan saja, tanpa memperdulikan dari sisi kecepatan. Sebagai contoh design yang sedang ngetren saat ini adalah One Page HTML yang menggunakan plugin dari pihak luar baik CSS, maupun javascript dari framework bootstrap, flat ui, semantic ui dan sebagainya. Dengan plugin seperti ini para designer web akan dimudahkan dalam mengatur tata letak dan tampilan blog sesuai keinginan. Namun sebelumnya harus menginstall framework bootstrap terlebih dulu dalam template blog kita. Untuk kalian yang ingin mencobanya bisa mengunjungi http://www.layoutit.com Lalu pertanyaanya apakah semua blog yang cantik bisa cepat ??? Jawabannya bervariasi Untuk yang menggunakan High speed internet connection mungkin ini ga ada masalah, karena sebenarnya banyak faktor yang mempengaruhi kecepatan loading blog. Namun yang terutama sekali adalah faktor bentuk dan design dari blog itu sendiri. Biasanya blog yang cantik dan keren banyak menggunakan efek - efek dari pihak luar ( eksternal ) baik CSS , Javascript dan Jquery Plugin ( Jquery UI ) dan lain lain. Semakin banyak kita menggunakannya tentu akan menambah beban loading pada blog kita. Tips membuat design blog cantik dan cepat : 1. Warna Menggunakan kontras warna yang tidak menyolok, kita bisa memilih kontras warna Flat UI. Flat UI Color atau lebih lengkap lagi Flat UI Color Picker. 2. Metode Inline CSS Dalam hal ini biasanya CSS baik font awesome maupun CSS efek lainya, jika memang diperlukan anda bisa mengubah dari CSS Eksternal ke inline CSS. Pilih efek yang kita perlukan saja kemudian masukkan ke dalam CSS template sebelum kode ]]></b:skin> . Dengan begini kita sudah mengurangi beban loading, jadi tidak perlu lagi memanggil ke hosting CSS eksternal tadi. Tips mempercepat blog seofriendly 3. Metode Inline Javascript Tidak menutup kemungkinan efek tampilan yang keren dan menakjubkan menggunakan bantuan javascript dari luar ( eksternal ) anda bisa mengubahnya menjadi inline javascript ke template blog. 4. Menambahkan async="async" pada Jquery Untuk format jquery dalam template biasanya seperti ini : Code: <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type='text/javascript'/> Ubah menjadi Code: <script async="async" src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type='text/javascript'/> Ini berguna untuk mengatasi render blocking javascript yang mempengaruhi kecepatan loading blog di Google Speed Insight 5. Meminimalkan Gambar Usahakan dalam menggunakan gambar tidak berlebihan, gunakan font awesome sebagai ganti icon gambar. Update font awesome versi 4.1.0 saat ini udah sampai versi 4.2.0 6. Kompress CSS HTML Javascript Anda bisa menggunakan layanan kompress online Setelah itu check seberapa cepat blog anda di GT Metrix dan Speed Tool lainnya Demikian sedikit tips blogger semoga bermanfaat SOURCE Virlyz82, Oct 24, 2014 #1 Hafizh likes this. Hafizh Member Joined: Jul 24, 2014 Messages: 172 Likes Received: 6 Trophy Points: 18 Google+: Author Masih belum mudeng Hafizh, Oct 24, 2014 #2 Tedy Maryadi Member Joined: Oct 22, 2014 Messages: 73 Likes Received: 5 Trophy Points: 8 malah puyeng ,, mas, coba buka http://www.tanyatedy.com . melalui koneksi internet mas, gimana kira-kira lambat atau gimana? mohon bantuannya ,, maklum newbie.. itu template dari luar dan mungkin saya terlalu banyak menggunakan css dan jquery dari luar juga... mas, ditunggu loh Tedy Maryadi, Oct 24, 2014 #3 asli3rut Member Joined: Sep 6, 2014 Messages: 641 Likes Received: 44 Trophy Points: 28 Betul sekali mas, saya sendiri tidak suka yang ribet dalam urusan tampilan, biar disukai google, guatlah yang sangat sederhana dengan navigasi yang bagus, lihatlah tampilan layanan-layanan google, seperti itulah yang saya suka. oh yah kadang perintah "async" tidak diterima oleh template ya, jadi harus di parse dulu asli3rut, Oct 24, 2014 #4 abditea Member Joined: Sep 24, 2014 Messages: 503 Likes Received: 23 Trophy Points: 18 Berguna banget nih tipsnya, coba ane praktekin ah abditea, Oct 25, 2014 #5 AhmadWafa Member Joined: Oct 2, 2013 Messages: 867 Likes Received: 16 Trophy Points: 18 Google+: Author Wah mantab ini perlu di bookmark dan di pelajari . . . ane coba praktekin ye masgan. AhmadWafa, Oct 25, 2014 #6 debays Active Member Joined: Jul 18, 2014 Messages: 1,409 Likes Received: 58 Trophy Points: 48 thanks infonya, udah dapat speed lumayan kira2 0,5 detik. debays, Oct 25, 2014 #7 babolonly Member Joined: Feb 9, 2013 Messages: 541 Likes Received: 34 Trophy Points: 28 Google+: Author saya juga gak mudeng yang beginian..lebih mudah lagi beli aja template premium. banyak yang sudah fast loading..dari segi Onpage pun sangat Josss babolonly, Oct 25, 2014 #8 BEIM Active Member Joined: Mar 17, 2014 Messages: 1,358 Likes Received: 36 Trophy Points: 48 biasanya sih yang gampang cari aja script template yg udah jadi, banyk kok yg share BEIM, Oct 25, 2014 #9 Yusuf.S Well-Known Member Joined: May 4, 2014 Messages: 1,156 Likes Received: 100 Trophy Points: 63 Google+: Author Akan saya coba cara no. 4 saya baru tahu soalnya Yusuf.S, Oct 25, 2014 #10 ninafaira Member Joined: Sep 14, 2014 Messages: 168 Likes Received: 6 Trophy Points: 18 bagus sekali ini tipsnya, trims ninafaira, Oct 25, 2014 #11 didi New Member Joined: Jul 21, 2014 Messages: 5 Likes Received: 0 Trophy Points: 1 tips yang bagus....makasih yaa didi, Oct 25, 2014 #12 exabytes-id Member Joined: Oct 3, 2013 Messages: 866 Likes Received: 35 Trophy Points: 28 yang pasti yang paling utama dalam membuat template adalah gunakan javascrpit seperlunya jika makin sedikit javascipt yang di gunkan akan semakin baik dan akan cepat loadnya. exabytes-id, Oct 25, 2014 #13 ziuma Well-Known Member Joined: May 23, 2014 Messages: 1,563 Likes Received: 240 Trophy Points: 63 maaf den @Tedy Maryadi perasaan saya dilarang naruh link aktif di kotak komentar. naruhnya di signature ...ada link aktifnya...maaf ziuma, Oct 25, 2014 #14 Virlyz82 Member Joined: Jan 23, 2014 Messages: 67 Likes Received: 2 Trophy Points: 8 Google+: Author skedar berbagi pengalaman saya aja mas bro Virlyz82, Oct 25, 2014 #15 Virlyz82 Member Joined: Jan 23, 2014 Messages: 67 Likes Received: 2 Trophy Points: 8 Google+: Author Silakan smpyan baca di komentar blog saya ...trims Virlyz82, Oct 25, 2014 #16 andixa90 New Member Joined: Oct 26, 2014 Messages: 6 Likes Received: 0 Trophy Points: 1 Google+: Author Om mastah,.. terkait async itu,.. sepertinya akan membuat tampilan blog sedikit berantakan,.. krn dlu pernah nyoba di blog saya beberapa widget jd tidak berfungsi dengan baik,.. CMIIW andixa90, Oct 26, 2014 #17 azreal Member Joined: Oct 17, 2014 Messages: 39 Likes Received: 2 Trophy Points: 8 tips yang sangat bermanfaat.. blog harus ringan.. supaya loading bisa cepat and engak bikin bete azreal, Oct 26, 2014 #18 Virlyz82 Member Joined: Jan 23, 2014 Messages: 67 Likes Received: 2 Trophy Points: 8 Google+: Author Memang ada beberapa template ga fix dengan metode ini Virlyz82, Oct 26, 2014 #19 Virlyz82 Member Joined: Jan 23, 2014 Messages: 67 Likes Received: 2 Trophy Points: 8 Google+: Author Kasian pengunjung klu harus nunggu lama2 Virlyz82, Oct 26, 2014 #20 (You must log in or sign up to reply here.) Show Ignored Content Page 1 of 2 1 2 Next > Loading... Similar Threads - Tips Membuat Design Tips Tahap Awal Sebelum Membuat Blog miesornop, Oct 28, 2014, in forum: Blogger Replies: 10 Views: 1,533 pram Oct 31, 2014 Tips Jitu Menjadi Blogger Profesional Yandiahmadgandasaputra, Sep 23, 2020, in forum: Blogger Replies: 21 Views: 8,701 egihrsn Jul 6, 2023 Lakukan Tips Ini bila Ingin Menjadi Blogger Terkenal Arga Eryzal P, Dec 28, 2016, in forum: Blogger Replies: 2 Views: 1,208 Arga Eryzal P Dec 28, 2016 Tips dan teknik jitu SEO 2016 tepat sasaran Top4Blog1, Dec 5, 2016, in forum: Blogger Replies: 5 Views: 1,618 Bayuaji Jan 29, 2017 Tips Memperoleh Sitelinks dari Google jainal, Jun 12, 2015, in forum: Blogger Replies: 16 Views: 1,924 BangDen Aug 2, 2015 Share This Page Tweet Log in with Facebook Log in with Twitter Your name or email address: Do you already have an account? No, create an account now. Yes, my password is: Forgot your password? Stay logged in
malah puyeng ,, mas, coba buka http://www.tanyatedy.com . melalui koneksi internet mas, gimana kira-kira lambat atau gimana? mohon bantuannya ,, maklum newbie.. itu template dari luar dan mungkin saya terlalu banyak menggunakan css dan jquery dari luar juga... mas, ditunggu loh
Betul sekali mas, saya sendiri tidak suka yang ribet dalam urusan tampilan, biar disukai google, guatlah yang sangat sederhana dengan navigasi yang bagus, lihatlah tampilan layanan-layanan google, seperti itulah yang saya suka. oh yah kadang perintah "async" tidak diterima oleh template ya, jadi harus di parse dulu
saya juga gak mudeng yang beginian..lebih mudah lagi beli aja template premium. banyak yang sudah fast loading..dari segi Onpage pun sangat Josss
yang pasti yang paling utama dalam membuat template adalah gunakan javascrpit seperlunya jika makin sedikit javascipt yang di gunkan akan semakin baik dan akan cepat loadnya.
maaf den @Tedy Maryadi perasaan saya dilarang naruh link aktif di kotak komentar. naruhnya di signature ...ada link aktifnya...maaf
Om mastah,.. terkait async itu,.. sepertinya akan membuat tampilan blog sedikit berantakan,.. krn dlu pernah nyoba di blog saya beberapa widget jd tidak berfungsi dengan baik,.. CMIIW