Tips Blog | Tutorial Blog | Belajar Blog

Mempercepat Loading Blog

Mempercepat Loading Blog

Mempercepat Loading Blog merupakan salah satu cara untuk meningkatkan jumlah Pageview, jika loading blog Sobat cepat maka pengunjung akan merasa nyaman, karena apa yang ingin di baca akan cepat di tampilkan, sehingga Traffic Blog juga akan meningkat.
Berikut ini beberapa tips untuk mempercepat loading blog versi Tutorial Blog :
  • Jangan terlalu banyak membuat label blog
  • Kurangi script dari pihak ketiga baik itu berupa widget ataupun kode-kode iklan
  • Gunakan widget atau banner seperlunya dan buang yang tidak penting.
  • Compress CSS biar ukurannya jadi lebih kecil
  • Kompress Image supaya lebih optimize
  • Gunakan template yang simple dan tidak banyak meload gambar
  • Edit Template Supaya Valid XHTML
Kiranya itu saja, moga aja benar, kalau ada yang salah tolong di koreksi, jika ada yang mau menambahkan silakan tulis di kotak komentar.
Sekian Artikel tentang Mempercepat Loading Blog.
Edit Template Supaya Valid XHTML

Edit Template Supaya Valid XHTML

Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya saya edit saja templatenya biar lebih valid, dan syukur lah errornya berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya backup dulu template Anda, buat jaga-jaga bila terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :
  • Kode dibawah ini
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    saya ganti dengan kode berikut
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • Memperbaiki penulisan META Tags
    Contoh
    <META content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
    saya rubah menjadi
    <meta content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
  • Menghapus semua kode ( ---------- )
  • Pada kode </head> saya tambahkan kode berikut tepat dibawahnya
  • <!-- <body><div></div> -->
  • Menghapus semua kode quickedit seperti dibawah ini :
  • <b:include name="quickedit">
  • Menghapus Post icon
  • <span class='post-icons'>
            <!-- email post links -->
            <b:if cond='data:post.emailPostUrl'>
              <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                  <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
              </a>
              </span>
            </b:if>
            <!-- quickedit pencil -->
            <b:include data='post'
    name='postQuickEdit'/>
          </span> <div class='post-share-buttons'>
            <b:include data='post' name='shareButtons'/>
          </div> </div>
    saya hapus dan ganti dengan kode berikut
    <span class='post-icons'>
            <!-- email post links -->
            <b:if cond='data:post.emailPostUrl'>
            </b:if>
          </span>
          </div>
  • Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.
  • <script type="text/javascript" src="http://tutorialblog.googlecode.com/files/dfisi.js"></script>
  • Menyembunyikan page navigation di halaman utama, kode
  • <b:include name='nextprev'/>
    saya hapus dan ganti jadi
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <!-- navigation -->
    <b:include name='nextprev'/>
    </b:if> 
  • Menambahkan atribut Alt pada semua gambar
  •     <img alt="gambar" href="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg">
  • Memperbaiki atribut title dan alt pada link bergambar
  • contoh
        <a href="http://www.google.com" title="Google" target="_blank"><img src="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg" alt="www.google.com" border="0" /></a>
Sobat juga perlu menghapus beberapa widget bawaan blogger yang tidak valid, silakan cek di validator.w3.org, jika ada hapus widget tersebut.
Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa saya betulkan pada template saya supaya lebih Valid XHTML.

Mengetahui Kode Error di Blog

Sebuah Blog yang valid XHTML akan sangat mempengaruhi SEO, karena kode XHTML yang valid pada sebuah blog akan mempermudah robot untuk menelusuri halaman blog kita, jadi sebuah blog yang valid XHTML itu Penting sekali, itu menurut beberapa blog yang saya baca.
Saya sebenarnya kurang memahami tentang valid XHTML, tapi menurut saya akan lebih baik jika sebuah blog itu valid XHTML, daripada tidak valid, he...
Menurut pengalaman saya kode XHTML akan tidak valid jika terdapat penempatan kode yang salah (error), Untuk mengetahui kode yang error di blog, Sobat bisa menggunakan tools Validator XHTML Service di validator.w3.org. caranya mudah Sob, tinggal masukin alamat blog sobat lalu klik Check.
Tutorial Blog,Seo Tool
Pada halaman selanjutnya Sobat akan diberitahu jumlah Error dan Warning pada Blog Sobat, selanjutnya cek dimana terdapat error, lalu betulkan kode tersebut pada blog Sobat (ini yang sulit). saya katakan sulit karena saya kurang mengerti mengenai kode HTML, buktinya saat saya menulis artikel ini masih terdapat 7 error dan 13 warning pada blog ini. hehe...
Silakan di coba Sob, dan Semoga berhasil...
Free Backlink Spiderizon

Free Backlink Spiderizon

Buat sobat yang ingin mendapatkan Backlink gratis, Sobat dapat mencoba Spiderizon (salah satu generator backlink gratis dan efektif di Internet).
Caranya gampang Sob, ikuti langkah berikut :
  • Buat sebuah account Spiderizon gratis
  • Tentukan kategori yang sesuai dengan situs web Anda
  • Lalu instal sebuah script otomatis di situs web Anda!
  • Terakhir klik Process The Script Verification.
    Selesai...
Anda akan menerima backlink secara otomatis berdasarkan kategori Anda setiap harinya.


Powered by Spiderizon, free backlinks.

Mempercepat Loading Blog dengan Kompress Image

Untuk mempercepat loading blog, selain dengan Compress CSS kita juga perlu mengkompress gambar / image, Anda bisa menggunakan image optimizer dari www.imageoptimizer.net. untuk menggunakannya anda bisa ikuti tutorial dibawah ini:
  • Siapkan gambar yang akan di optimize.
  • Buka www.imageoptimizer.net.
  • Klik Browse dan pilih gambar yang akan di optimiskan
  • Tentukan ukuran lebar dan tinggi gambar.
  • Lalu klik Optimize Now.
    Tutorial Blog, Seo Tool
  • Pada halaman selanjutnya klik Download to your Computer.
    Tutorial Blog, Seo Tool
    selesai...
Untuk lebih cepat Sobat bisa Download softwarenya dan instal pada komputer Sobat.
Download

Untuk langkah mengoptimiskan image :
  • Klik kanan pada image pilh Optimize Image As...
    Tutorial Blog, Seo Tool
  • Kemudian atur lebar dan tingginya, Lalu klik Optimize
    Tutorial Blog, Seo Tool
    Ok selesai
Silakan di coba Sob, Semoga bermanfaat...