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.
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.
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 :
- Web page speed report.
- Global report.
- Calculates total object sizes – This includes number of javascript, css , images, etc.)
- External files calculation.
- Loading times – In this section it shows your website ’s loading time in different internet speed connections from 14.4 kbs – T1)
- 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.
Untuk anda yang membutuhkan analisa kecepatan website dan SEO, patut menggunakan alat ini. Perangkat sederhana ini dapat sangat berharga. Berikut beberapa fiturnya:
- Speed analysis – It analyzes a site’s average speed, data volume, size with HTML and without HTML.
- Estimates load time – Shows site’s estimated loading times on different internet connections.
- 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:
- Shows multiple loading times.
- Shows server processing time and browser processing time.
- 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.
- Yslow grading – It grades your site on the 14 best practice guidelines of speed optimization
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.
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 .
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.