Apa yang anda rasakan ketika anda membuka sebuah situs yang loadingnya sangat lama, padahal koneksi internet anda cepat?. Tentu saja bete bukan. Bahkan mungkin anda membatalkan untuk mengaksesnya. Cepat tidaknya sebuah website sangat mempengaruhi mood pengunjung saat mengaksesnya. Tidak hanya itu, kecepatan loading juga merupakan salah satu parameter untuk menentukan bagus tidaknya optimasi SEO sebuah website. Oleh karena itu, mempercepat loading situs web anda sangat penting untuk anda lakukan.
Nah, dibawah ini saya akan memaparkan beberapa tips agar web anda cepat saat diakses.
Daftar Isi Postingan
1. Hindari Redirect(Pengalihan) pada halaman Utama
2. Hindari Penggunaan konten yang memerlukan plugin pada browser
Beberapa konten website seperti Ebook, SWF memerlukan plugin tambahan pada browser agar bisa kita lihat. Sebaiknya, kurangi atau bahkan hindari penggunaan file tersebut yang langsung terembed pada halaman web. Akan lebih baik jika anda hanya menyediakan link filenya agar bisa langsung di download oleh pengunjung atau dilihat langsung secara full.
3. Kurangi HTTP Request
4. Kompres HTML, CSS & Javascript
Mengkompresi kode html, css, dan javascript dapat mempercepat loading halaman web. Hal ini karena memperkecil ukuran file halaman web. Semakin padat kompresi, ukuran filenya juga akan semakin kecil. Untuk mengkompres ketiga kode itu, anda bisa menggunakan tools compressor yang ada di website ini : http://compressmycode.com
5. Tingkatkan kecepatan respons server
Ini sangat berhubungan dengan kinerja server dan hosting yang anda pakai untuk menjalankan web anda. Oleh karena itu, gunakan layanan hosting dengan server yang cepat. Kalau perlu, jangan gunakan shared hosting. Kecepatan respons server adalah hal yang paling berpengaruh dalam kecepatan loading web.
6. Maksimalkan pemanfaatan cache browser
Dengan memanfaatkan cache, sebuah halaman yang diload tidak harus sepenuhnya meminta request pada server. Berkat cache, beberapa request yang seharusnya dikirim ke server, dibatalkan karena telah dipenuhi dengan data cache. Namun, pemanfaatan cache ini hanya berlaku jika browser pengunjung pernah mengunjungi laman web dan data cache masih tersimpan.
Salah satu cara untuk menyimpan cache web anda pada browser pengunjung adalah dengan menggunakan file .htaccess yang berisi kode berikut :
ExpiresActive On
ExpiresDefault “access plus 1 month”
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType text/html “access plus 1 month”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”
ExpiresByType application/x-javascript “access plus 14 days”
ExpiresByType image/x-icon “access plus 1 year”
</ifModule>
<ifModule mod_headers.c>
<filesMatch “.(ico|pdf|flv|jpg|jpeg|png|gif|swf|svg)$”>
Header set Cache-Control “max-age=2592000, public”
</filesMatch>
<filesMatch “.(css)$”>
Header set Cache-Control “max-age=604800, public”
</filesMatch>
<filesMatch “.(js)$”>
Header set Cache-Control “max-age=216000, private”
</filesMatch>
<filesMatch “.(xml|txt)$”>
Header set Cache-Control “max-age=216000, public, must-revalidate”
</filesMatch>
<filesMatch “.(html|htm|php)$”>
Header set Cache-Control “max-age=1, private, must-revalidate”
</filesMatch>
Header unset ETag
</ifModule>
FileETag None
Jika anda menggunakan wordpress anda bisa menggunakan plugin WP super cache.
7. Optimalkan gambar
Mengoptimalkan penggunaan gambar pada halaman web dapat mempercepat loading web. Nah, bagaimana caranya? Berikut ini adalah hal-hal yang dapat mengoptimalkan penggunaan gambar anda :
– Hindari penentuan ukuran gambar dengan menggunakan css. Artinya, jika pada halaman web anda menampilkan gambar ukuran 300 x 300, maka ukuran panjang dan lebar asli gambar anda seharusnya segitu. Bukan dengan ukuran 1000 x 1000, lalu dibuat 300 x 300 dengan menggunakan css.
– Kompres ukuran file gambar dengan tools seperti : www.imageoptimizer.net
8. Optimalkan Penggunaan CSS
Beberapa cara penggunaan CSS pada halaman web adalah sebagai berikut :
1. Me-render css eksternal menggunakan tag <link href=”path ke file css”/>
2. Memasukkan css langsung pada halaman dengan tag <style>kode css</style>
3. Memasukkan css langsung pada tag tertentu dengan cara <div style=”kode css”></div>.
Cara ketiga sebaiknya anda hindari karena itu dapat memperlambat loading web. Lalu, bagaimana dengan cara pertama dan kedua?. Ini tergantung pada banyaknya kode css yang digunakan. Jika kode css anda sedikit (misal tidak lebih dari 100 baris), akan lebih baik jika anda menggunakan cara kedua. Sedangkan kode css anda sangat banyak, anda lebih baik menggunakan cara pertama.
Namun, perlu diingat bahwa pemuatan css eksternal akan menghentikan pemuatan halaman web sementara sampai pemuatan/pengundugan file cssnya selesai. Oleh karena itu, usahakan ukurannya kecil dengan mengompressnya terlebih dahulu. Perlu diperhatikan juga, bahwa sebaiknya kode css ditempatkan di antara tag <head></head>.
9. Optimalkan Penggunaan Javascript
Penggunaan javascript pada halaman web hanya dapat dilakukan dengan 2 cara :
1. Merender javascript eksternal dengan menggunakan tag <script src=”path ke file js”></script>
2. Memasukkan kode Javascript langsung pada halaman dengan tag <script>Kode java script</script>
Sama seperti pada css, jika kode java scriptnya sedikit, maka gunakan cara kedua. Sebaliknya, gunakan cara pertama jika kodenya sangat banyak. Seperti halnya css, pemuatan js eksternal juga dapat menghentikan pemuatan halaman web sampai pemuatan/pengundugan file jsnya selesai jika penempatan javascriptnya berada diatas (diantara tag <head></head>). Jadi usahakan juga file jsnya di kompres dulu.
Namun, berbeda dengan css, pemuatan file javascript ini dapat ditunda sampai pemuatan html halaman selesai semua. Caranya, dengan menggunakan atribut “async” pada tag “script”.
Atau, bisa juga menempatkan file/kode js dibawah halaman (diatas </body>).
10. Hindari pemakaian Javacript atau CSS pihak ketiga
Tips terakhir, hindari pemakaian javascript atau css pihak ketiga langsung dari servernya. Artinya, anda langsung menyisipkan pemanggilan kodenya pada server pihak ketiganya. Hal ini bisa memperlambat loading halaman web karena halaman harus merequest data pada server lain yang belum tentu cepat atau lambatnya.
Perlu diketahui juga bahwa tidak semua script pihak ketiga itu dapat dipercaya. Beberapa script terkadang mengandung program jahat atau virus yang justru dapat membahayakan website anda.
Yap, itulah 10 tips dari saya. Semoga bermanfaat!.
~Muhammad Syakirurohman~
Bali Web design
ini content yang cari2 dari kemarin,
Thank
Syakir Rahman
Sama-sama
Si Geeniuss
Untuk poin Maksimalkan pemanfaatan cache browser. Bagi pengguna blogspot bagaimana mas Syakir? adakah tutorialnya.. terimakasih
Syakir Rahman
Kalo blogspot gak ada, kalo gak salah udah di set otomatis sama google..
blogpoin
mungkin lebih mudah mengganti template ke template yang memang responsiv y gan?
henxy
tanks banget lo gan
Pengertian SEO | Tips Menulis Shiq4
[…] * 10 Tips mempercepat loading halaman […]
Pengertian SEO untuk Pemula | Trik Ngeblog
[…] * 10 Tips mempercepat loading halaman […]
Halfis
Makasih mas tipsnya, saya coba dan mulai mendingan
Selularphone
makasi infonya gan, untung dpt artikel ini, jd tau knpa blog saya blkngan ini melambat
Rika
bagaimana kalau blogspot tapi bukan template bawaan blogspot? soalnya di suruh optimalkan terus oleh pagspid itu hehe
Syakir Rahman
Tidak masalah.. yang penting templatenya bagus dan cepat juga
Kolong PIKIR
saat ini sy masih menggunakan shared hoting 🙂 ya jadinya masih lola gitu loadingnya hehe
muzakkiyun nm
kalau tutorial cara pekerjaannya bagaimana tentang mempercepat laman.karena saya pemula.mksh
Syakir Rahman
tips di atas sudah termasuk untuk mempercepat tiap halaman web
nazarone
makasih gan ingonya semoga bermanfaat
http://www.mp3cupid.com
download mp3 terbaru
Rexy
Thx gan. Cukup membantu!
Kalau butuh jasa advertising
please visit http://adbrand.co/
wiku
makasih gan, bermanfaat banget
kunjungi balik gan blog ane http://update.ahloo.com/
Catur
Sangat berguna gan. Kebetulan situs ane lemot banget, langsung dicoba dah.. Nice shared
lapak pasir
wah makasih banget ni ilmunya
suplemen fitnes
kalau aku sih menghapus dari cache saja dapat membantu meningkatkan kecepatan berselancar,.. tergantung Spek komputer juga kali ya gan yang punya pengaruh lainnya
Putar Musik
Nice Post
Randika
Bagus sekali saran-saranya mas Syakir. Menurutku tips #7 itu yang sering diabaikan oleh para webmaster, padahal ukuran gambar biasanya bisa 2x lipat lebih berat dari ukuran text halaman. Kalau dianalisa menggunakan GTMetrix, tips #7 itu prioritasnya high.
Ngomong-ngomong, beberapa hari yang lalu, aku baru saja menyelesaikan panduan mempercepat loading website, kurang lebih tidak jauh berbeda dengan artikel mas ini. Kalau mas Syakir lagi ada waktu senggang, mungkin bisa mampir juga ke link berikut 🙂 http://penasihathosting.com/mempercepat-loading-website/
awhy
Artikelnya sangat bagus, point 7 yang ingin saya perjelas disini. karena setiap saya upload artikel selalu menggunakan ukuran gambar yang besar..perlu saya coba ini bang..
Salam
Rudy Kurniawan
Wow..benar sangat bermanfaat artikel ini buat saya mas syakir,saya newbie untuk SEO,selama ini saya otodidak dengan website dan SEO,artikel ini jadi menambah pengetahuan saya mengenai SEO.
Kalau tidak keberatan mohon intip website saya mas syakir san diego hills
Terima kasih banyak.
Nb:mohon saran balik mas
Kangen Water
selama ini saya otodidak dengan website dan SEO,artikel ini jadi menambah pengetahuan saya mengenai SEO.
indowebtravel.com
Masih harus belajar banyak biar web cepat diakses, tapi yang paling sulit itu dibagian kompres HTML dan kawan2nya.
Thank infonya ya. setidaknya saya masih bisa nambah ilmu dan bisa uji coba juga. semoga berhasil.
jaya budi santoso
Bagus gan, cuman perlu berlajar lagi si, cukup membantu
adies
untuk plugin smush it gimana gan bagus ngaak ya?
Syakir Rahman
Bagus itu, apalagi kalo upgrade ke pronya
siaran satelit
sebenarnya masih agak bingung belajar tentang hal ini, tapi pelan pelan saja biar paham… saya uji coba di blog saya dulu mas gan
liu
izin untuk di coba ya… MAS/BRO
maklum masih GAPTEK
Prasetiyantara
terimkasih tips, semoga bisa diterapkan
iqbal nuralih
makasih mas syakir ilmunya , sering-seringlah posting artikel yang terus bermanfaat
Mp3terpadu
pas banget ni gan, akhirnya ketemu juga tutorialnya
Kaluaran Hk
Saya rasa alterntif postingan di atas terbaik, karena web saya kebetulan loading lambat kali kaya bekicot heheh
Septian Adi Putra
Terimakasih, Artikelnya sangat membantu saya, akan saya coba terapkan diwebsite saya.