Kecepatan website adalah faktor penting bagi keberhasilan situs Web. Anda dapat melakukan banyak hal untuk mengoptimalkan dan memiliki kecepatan tinggi untuk situs Anda. Ada 15 langkah untuk mempercepat kinerja website.
1. Mengurangi Ukuran Foto
- Jangan menggunakan foto (image) besar dan citra skala. Dibutuhkan waktu browser untuk skala gambar.
- Gunakan Adobe Photoshop atau layanan online yang akan mengurangi ukuran gambar tanpa mengurangi kualitasnya.
- Jangan menambahkan terlalu banyak gambar ke halaman. Cobalah pemisahan itu ke halaman.
2. Kompresi Gzip
- "Gzip" adalah metode kompresi yang paling populer dan efektif yang tersedia saat ini dan umumnya mengurangi ukuran respon sekitar 70%.
- Sekitar 90% dari lalu lintas internet saat ini, yaitu perjalanan melalui browser yang mengklaim mendukung Gzip, menurut Yahoo.
- Gzipping mengurangi ukuran respon HTTP dan membantu untuk mengurangi waktu respon. Ini adalah cara mudah untuk mengurangi berat halaman.
3. Mengurangi plugin yang digunakan
Terlalu banyak plugin memperlambat situs Anda, membuat masalah keamanan, dan sering
menyebabkan crash dan kesulitan teknis lainnya.
4. Minimalkan Permintaan HTTP
Menurut Yahoo, 80% dari waktu buka halaman web yang dihabiskan mengunduh berbagai potongan-bagian halaman: gambar, stylesheet, script, Flash, dll Sebuah permintaan HTTP dibuat untuk masing-masing elemen tersebut, sehingga lebih meminimalisasi komponen tiap halaman. Semakin lama waktu yang dibutuhkan untuk membuka halaman.
5. Mengurangi pengalihan
Pengalihan membuat permintaan HTTP tambahan dan meningkatkan waktu buka. Untuk itu sbaiknya dikurangi.
6. Aktifkan browser caching
Ketika mengunjungi sebuah website, elemen pada halaman yang telah dikunjungi akan disimpan pada hard drive Anda dalam cache, atau penyimpanan sementara. Sehingga waktu berikutnya Anda mengunjungi situs, browser Anda dapat memuat halaman tanpa harus mengirim permintaan HTTP lain untuk server.
7. Gunakan CDN
Sebuah jaringan pengiriman konten (CDN) adalah kumpulan server web yang didistribusikan di beberapa lokasi untuk memberikan konten yang lebih efisien untuk pengguna. Server yang dipilih untuk menyampaikan konten ke pengguna tertentu biasanya didasarkan pada ukuran kedekatan jaringan.
8. Memperkecil kode
Menghapus komentar HTML, spasi putih dan elemen kosong akan mengurangi ukuran halaman Anda, mengurangi latensi jaringan dan mempercepat waktu buka.
9. Hindari permintaan yang buruk
Periksa HTTP 404 kesalahan dan menghindari pengalihan sumber daya. Memonitor kesalahan server dan bekerja dengan pengembang Anda untuk mengatasi kesalahan berulang. Gunakan secara online broken link checker atau menggunakan link checker WordPress secara gratis.
10. Gabungkan CSS dan JS
Menggabungkan semua file yang sama menjadi satu, mencegah Anda dari memiliki banyak JavaScript dan gaya cascade lembar yang melakukan fungsi yang sama. Fitur ini memungkinkan Anda untuk menggabungkan CSS dan JS, serta CSS tua kompres dan file JS yang jarang Anda gunakan.
11. Kadaluarsa header yang tak terpakai
Dengan menggunakan kadaluwarsa header, komponen web Anda seperti gambar, file statis, CSS, Javascript melewatkan permintaan HTTP yang tidak perlu ketika pengguna yang sama kembali ke halaman tersebut untuk kedua kalinya. Ini mengurangi bandwidth yang dibutuhkan dan pasti membantu dalam melayani halaman lebih cepat.
12. Menempatkan CSS di bagian atas dan JS di bagian bawah
Pastikan bahwa file CSS Anda ditempatkan di bagian atas dokumen dan JS file yang ditempatkan di akhir dokumen.
13. Mengecilkan CSS dan JS
JS dan CSS minification diarsipkan pengurangan ukuran 21%. Hal ini dapat memungkinkan website Anda untuk memuat hingga 85% lebih cepat! Menghemat waktu dan mengurangi beban penggunaan bandwidth.
14. Validasi W3C
Pastikan HTML untuk situs Anda benar-benar valid. W3C memiliki alat yang hebat untuk membantu Anda.
15. Hindari eksternal memblokir JavaScript
Script yang tidak perlu dapat dipecah agar halaman dapat memuat, misalnya yang mengandung kode yang hanya akan dijalankan setelah halaman telah dimuat, mungkin dipicu oleh peristiwa pengguna, harus ditandai async. Ini berarti browser akan memuat halaman pertama dan menunda parsing skrip sampai nanti. (Saepul Bahri, @ipulcikal, Blog: http://ipulmagang.blogspot.com)
0 Comment: