Home  ›  wordpress

Optimasi blog dan sinkronisasi localhost-server bagi fakir bandwidth

Banyak dari kita tidak memiliki koneksi cepat, selain itu, juga terbatas kuota limit bandwidth. Dibutuhkan strategi yang dapat membantu kita beraktifitas internet dengan efisien dan efektif. Berikut tip dan trik yang dapat membantu anda untuk hemat cermat ketika melakukan aktifitas blogging.

  1. Jalankan web server di komputer lokal
  2. Install blog di komputer lokal
  3. Matikan link eksternal JavaScript pada blog lokal
  4. Optimasi image
  5. Gunakan FTP client untuk sinkronisasi localhost-server
  • Berlaku untuk blog/CMS/web yang bisa di download bebas. Bukan untuk layanan blog pada blogger.com dan multiply.com.
  • Berlaku untuk blog/CMS/web anda yang di tempatkan di hosting sendiri, baik berbayar atau gratisan.
  • Bagi pengguna layanan di wordpress.com, anda dapat memakai tip trik di bawah untuk berkreasi dengan bebas tanpa harus terhubung ke blog online anda.
  • Apabila bandwidth anda sangat terbatas, jangan lakukan download software menggunakan koneksi anda. Silahkan download di warnet atau hotspot yang gratis.

Jalankan web server di komputer lokal

Silahkan download web server sesuai keinginan anda.
Atau anda dapat menggunakan XAMPP.
Ekstrak file kompresi pada direktori tertinggi, misal C:\, D:\ atau E:\.
Di dalam folder tersebut, klik file xampp-control.exe.
Jalankan Apache dan MySQL, maka akan terlihat seperti ini:

xampp

Buka browser lalu ketikkan "localhost" pada tempat URL. Jika instalasi XAMPP anda berhasil, anda akan mendapatkan halaman seperti ini:

xampp

Apabila anda tidak mendapatkan hasil seperti di atas, berarti instalasi XAMPP anda gagal. Coba ulangi langkah-langkahnya kembali dari awal. Untuk detilnya, silahkan baca readme.txt di dalam folder XAMPP.

Install blog di komputer lokal

Silahkan download engine blog anda. Bagi pengguna WordPress, engine dapat di download di sini. Ikuti langkah-langkah install yang diberikan hingga blog anda pada komputer lokal dapat berjalan baik. Apabila instalasi anda berhasil, anda akan mendapatkan tampilan mirip seperti ini:

wordpress

Kemudian download theme yang anda gunakan pada blog online anda, lalu aktifkan pada panel admin blog lokal ini. Jadi bisa dibilang blog lokal anda ini adalah mirror bagi blog anda yang online. Anda dapat bereksperimen dengan bebas pada blog lokal ini, tanpa harus terkoneksi dengan internet.

Matikan link eksternal JavaScript pada blog lokal

Apabila anda memasang adsense di blog/web anda, maka anda tidak asing dengan hal ini. Berikut contoh script adsense yang dipasang pada file php/xhtml apabila kita berlangganan:


<script src="http://kumpulblogger.com/" type="text/javascript"></script>
<script src="http://adsensecamp.com/" type="text/javascript"></script>

Apabila anda menginginkan agar iklan-iklan ini tidak ditampilkan pada blog lokal anda, silahkan gunakan cara sederhana berikut:


<?php if ($_SERVER['HTTP_HOST'] == 'localhost'): ?>
  // anda dapat mengosongkan ini atau menampilkan sesuatu pengganti iklan
<?php else: ?>
  <script src="http://kumpulblogger.com/" type="text/javascript"></script>
<?php endif; ?>

Script di atas mendeteksi apakah blog anda berada pada localhost (lokal) atau server (online). Jika ada di localhost maka ia tidak me-load eksternal JavaScript yang dapat mengambil sedikit bandwidth anda.

Optimasi Image

Optimisasi image merupakan hal yang patut menjadi perhatian bagi semua developer atau pemilik blog. Image yang tidak di optimasi, sering menyebabkan waktu loading website menjadi lama dan mengurangi jatah bandwidth pengunjung. Apabila hal-hal ini tidak dibenahi, bukan tidak mungkin akan mengurangi pengunjung blog dengan drastis.

Berikut beberapa cara optimasi image:

  1. Matikan link eksternal image pada blog lokal.
    Bagi anda yang memasang banner, milik sendiri ataupun iklan, usahakan untuk tidak me-link image dari website lain. Save image/banner dari website tersebut, lalu tempatkan di hosting kita. Lalu ubah link lama image (pada artikel ataupun file php) dengan link baru image yang sudah ada di hosting kita.

  2. Atur nilai kompresi saat anda Save/Export hasil disain anda.
    Software grafis seperti CorelDraw, Photoshop, Gimp memiliki setingan yang dapat anda atur untuk mendapatkan hasil baik dengan kompresi optimal. Temukan setingan pas anda, hal ini membutuhkan sedikit ketelatenan.

    Tampilan ketika export ke jpg pada CorelDraw:

    CorelDraw

    Tampilan ketika Save as ke jpg pada Gimp:

    Gimp

  3. Pilih format image yang tepat.
    Masing-masing antara jpg, png dan gif memiliki kegunaan yang berbeda. Saya tidak menjelaskan hal ini dengan detil di sini. Mungkin nanti akan dibuat artikel khusus untuk membahas pemilihan format image ini.

Gunakan FTP client untuk sinkronisasi localhost-server

Untuk meng-upload file atau script blog ke server online, anda mungkin menggunakan File Manager di CPanel atau VistaPanel dari penyedia hosting. Selain lambat, hal ini kadang dapat menguras bandwidth karena prosesnya menggunakan HTTP. Sebaiknya anda mencoba menggunakan FTP untuk sinkronisasi file ini. FTP adalah protokol yang standar digunakan untuk pertukaran file. Silahkan coba, lalu lihat perbedaan kecepatan dan ringannya relatif terhadap HTTP, protokol saudaranya tadi.

Anda dapat download FileZilla sebagai FTP client anda. Bagi pengguna Mozilla Firefox dapat menggunakan add on FireFTP. Jalankan, lalu buat akun baru. Kemudian isi dengan parameter FTP yang diberikan oleh penyedia hosting anda

Screenshot FileZilla:

FileZilla

Pembuatan akun baru pada FileZilla:

FileZilla

Screenshot FireFTP:

FireFTP

Pembuatan akun baru pada FireFTP:

FireFTP


Mungkin masih banyak cara efisien dan efektif dalam aktifitas blogging bagi fakir bandwidth. Silahkan berbagi di sini, agar dapat dikompilasi dengan baik. Anyway, thanks for reading!

Author

CodeInDesign.com is a web developer who based in Indonesia.
Its concern field is to merge the mental realm of code with the visual world of graphics.

Notes

This article is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License and protected by Copyscape. You can cite, quote, copy this article as long as you put the article's source and credit the author.
  • mashengky.com

    kelas tinggi neh… bisa bantuin bikin website gak?

    • yudiacro

      @mashengky.com, Mbah eh MasHengky, makasih sudah mampir :)
      Tentu bisa Mas. Silahkan kontak kami via email atau YM.
      Nanti bisa kita bicarakan lebih teknisnya serta apa saja kebutuhan web Mas Hengky.

    • http://iwankus.com IwanKus

      @mashengky.com, hehe…pantesan web vccindonesia bagus…kinclong mas…
      btw saya juga pake xampp dan filezilla…
      lumayan buat experimen template dan plugin…he…he…

  • Bunda

    mantap…makasie infonya, kebetulan lg belajar local host, krn koneksi sering low…

    • yudiacro

      @Bunda, makasih kembali Bunda. Senang Bunda mau mampir :)

  • http://road-entrepreneur.com arham blogpreneur

    jadi ingat sewaktu masa masa kuliah :D … Oia, ada alasan kenapa pakai filezilla ?

    • yudiacro

      @arham blogpreneur, alasan saya cuma sederhana kok Mas. Karena 2 FTP client tsb yang populer :D Saya utamanya pakai FireFTP, add on Firefox.
      Tapi sesekali suka lambat atau error, jadi butuh backup FTP client lainnya. Pilihannya jatuh ke FileZilla itu. Tapi FileZilla suka interupt di tengah jalan, filenya jadi corrupt. Jadi tidak dipakai utk yang utama, cuma sekedar backup.

      Btw makasih sudah mampir Mas :)

  • http://trieand.com trieand

    aku mampir baca-baca thok ya mas, mo comment takut ga nyambung ntar malah dienyek ma mbah blogger yang diatas poll tuh… hehehe…

    • yudiacro

      @trieand, monggo dek. Makasih sudah mampir :P

  • http://trieand.com trieand

    loh.. aku td kesini mo nge add YM kok ga ketemu.. di sebelah mana seh mas…

    • yudiacro

      @trieand, di page Profile sidebar kanan ada profil singkatku dek. Ada YM dan email nya. Tapi udah tau ini ya hehe..

  • http://edskywalker.co.cc edwards

    Kalo aku saking fakir bandwidthnya, filezillanya sering gak bisa ngirim file, @yudiacro -_-

    • yudiacro

      @edwards, pakai FireFTP aja Ed. FileZilla emang suka meng-corrupt filenya kalau koneksi lelet :D

  • Syaekudin

    Tutorial yang hebat mas…..
    Mas, bila berkenan mohon dibantu untuk tutorial pembuatan website. Bisa kirim lewat email saya.
    Terima kasih sebelumnya

    • yudiacro

      @Syaekudin, terima kasih sudah berkunjung. Tapi maaf kami tidak sempat untuk berkorespondensi :)

  • Ceceps

    Mas saya punya kesulitan untuk optimasi web berbasis ajax bagaimana optimasi yang paling ideal dengan spesifikasi situs web CMS (buatan sendiri), bandwidth 1GB, konfigurasi php untuk PDO di matikan oleh web hosting

    Mohon pencerahan
    Terimakasih sebelumnya

  • ians

    All, ane punya tugas. cara baca record file txt yang ukuran 1 Gb ke atas menggunakan PHP gimane ya…..???

    ane pernah bikin, 200 Mb ja dah berat banget……. n kadang di tolak

    mohon bantuannya??

    • freelynx

      @ians, PHP punya setingan berapa besar maksimal memory yang dapat digunakan untuk mengeksekusi sebuah file dan waktu maksimum yang digunakan setiap mengeksekusi sebuah script. kalau anda buka file php.ini akan terdapat baris yang menyatakan informasi tersebut yaitu

      max_execution_time
      max_input_time
      memory_limit

      untuk file2 besar hingga 100MB saya tidak menganjurkan menggunakan bahasa PHP, karena seperti yang sudah anda alami sendiri, PHP kemungkinan besar akan menolak file tersebut. kalaupun tidak ditolak, CPU anda kemungkinan besar yang akan berjalan overloaded.

      untuk membaca file2 berukuran besar, saya merekomendasikan menggunakan desktop programming language, seperti C, Java, Fortran, dlsb.

      Hope this helps!

About CodeInDesign

CodeInDesign is web developer based in Indonesia. We build clean, appealing, and functional interfaces which comply with the latest web standards.

About Us
• Our Services
Contact Us

UPDATE: We are not available for a long term web project right now.