Trik membuat loading blog lebih ringan dan SEO

Trik SEO


Salam sobat, sudah cukup lama saya tidak berbagi tips dan info menarik untuk para blogger, nah kali ini saya ingin memberi sebuah trik yaitu untuk membuat blog sobat semakin cepat loadingnya ketika halaman di muat. Menurut para pakar dan sesepuh bloging, kecepatan load ini merupakan salah satu hal yang memengaruhi search engine dan trafick blog jadi cukup penting untuk di perhatikan. Mari langsung saja kita simak

1. Gambar

Ketika sobat membangun sebuah blog, perhatikan penggunaan gambar pada penerapan tampilan atau pun pada posting dan yang lainnya, size atau ukuran gambar ini cukup berpengaruh pada load, karena jika gambar memiliki size atau ukuran yang besar maka butuh waktu sekian lama pula untuk mendownload gambar secara penuh untuk di tampilkan dalam browser, untuk blogger ini bisa di atasi dengan mendefinisikan ukuran gambar yang akan dimuat dengan merubah linknya,
Seperti merubah s1600 menjadi s500 pada Link gambar yang telah di unggah.

Dengan alasan tersebut kita perlu mengkompresi gambar kita sehingga menjadi ukuran sekecil mungkin.
Ada beberapa solusinya adalah dengan beberapa aplikasi software untuk mengompres gambar yang bisa sobat cari di mbah google. cara yang selanjutnya sobat bisa menggunakan Phosohop. Yaitu, buka gambar yang ingin anda kompresi lalu

klik File > Save for Web & Devices atau (alt+shift+ctrl+s), selanjutnya nanti akan ada 4 pilihan penyimpanan dengan ukuran yang berbeda pada gambar
dari paling pojok kanan atas akan memiliki ukuran terbesar dan pojok kiri bawah dengan ukuran terkecil, silahkan anda pilih mana yang akan di gunakan.

2. Koding

Usahakan sobat meminimalkan pengodean yang tidak berguna, seperti elemen yang kosong tak terpakai, juga spasi baris yang trlalu panjang. Sederhanakan pengodean javascript dan elemen lainnya sehingga menjadi lebih pendek dan ringkas. Begitu juga pada css yang terlihat pandang berulang memiliki fungsi yang sama, penggunaan css reset dapat membantu sobat untuk hal ini.

anda juga bisa menggunakan tool kompres javascript, html, dan css yang tersedia online atau di website tool tertentu, cari saja di google untuk trik kompresi ini.

3. Widget

Jika sobat adalah blogger yang memiliki widget melimpah, usahakan meringkasnya dalam satu elemen. Jika widget itu merupakan kode html atau script letakkan saja dalam satu elemen widget dan beri jarak antara atas bawah dengan <br/> atau menyisipkan style di dalamnya. Hilangankan widget yang tidak begitu penting dan berguna.

4. Iframe

Usahakan untuk sedikit saja menggunakan ini karena ini digunakan untuk memuat halaman lain kedalam sebuah halaman, sehingga butuh waktu Sua kali lebih lama untuk memunculkannya dalam tampilan. tapi tidak perlu takut atau bahkan harus menghindari iframe secara penuh karena selama penggunaannya masih di batas memuat halamn ringan iframe tidak terlalu berdampak buruk untuk seo.

5. Iklan

Jika blog sobat merupakan sebuah layanan penyedia pemasangan iklan, wajar saja jika memiliki load yang cukup. Namun untuk blog personal, kurangi periklanan apa lagi yang memiliki properti swf, banner size besar.

6. Desain

Dengan tata desain yang rapi dan valid maka load sebuah halaman juga mampu di minimalkan sehingga menjadi lebih cepat.

Demikian saja semoga berguna dan bermanfaat, jika ada pertanyaan atau mungkin tmbahan silakan sobat tulis di komentar

9 komentar

  1. di blogku juga sy sdh lakukan beberapa peringanan blog...

    BalasHapus
  2. Sebenarnya masih banyak sob trik lain, ada trik yg mnambah jscript atau jquery, tergantung mnat saja.

    BalasHapus
  3. Wah Mantab Tutorialnya Keren Gan

    -Experience Blogwalking-

    BalasHapus
  4. Kalau mas ustadz sendiri dengan kompres css juga pasang script lazyload.

    BalasHapus
  5. Kalau untuk gambar saya lebih suka yang maksimal, hehe :D

    BalasHapus

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...