Hanya karena kinerja Web sangat penting!
99% kali ini akan memberi Anda waktu respons pengguna akhir yang lebih cepat.
Berikut adalah beberapa contoh dari Velocity Conf.
- Bing - Halaman yang lebih lambat 2 detik menghasilkan penurunan pendapatan / pengguna 4,3%.
- Google - Penundaan 400 milidetik menyebabkan penurunan 0,59% pada pencarian / pengguna.
- Yahoo ! - Perlambatan 400 milidetik mengakibatkan penurunan lalu lintas halaman penuh 5-9%.
- Shopzilla - Mempercepat situsnya hingga 5 detik meningkatkan tingkat konversi 7-12%, menggandakan jumlah sesi dari pemasaran mesin pencari, dan memotong setengah jumlah server yang diperlukan.
- Mozilla - Mencukur 2,2 detik dari halaman arahan mereka meningkatkan konversi unduhan sebesar 15,4%, yang mereka perkirakan akan menghasilkan 60 juta lebih banyak unduhan Firefox per tahun.
- Netflix - Mengadopsi optimasi tunggal, kompresi gzip, menghasilkan peningkatan kecepatan 13-25% dan memotong lalu lintas jaringan keluar sebesar 50%.
Dari Steve Souders, pelopor dalam Pengoptimalan Kinerja Web,
80-90% dari waktu respons pengguna akhir dihabiskan di frontend - Mulai di sini terlebih dahulu.
Menggunakan file eksternal menghasilkan halaman yang lebih cepat karena file JavaScript dan CSS di-cache oleh browser / jaringan / proksi (sebagaimana didefinisikan dalam protokol HTTP dengan header Cache). JavaScript dan CSS yang diuraikan dalam dokumen HTML dapat diunduh setiap kali dokumen HTML diminta. Ini mengurangi jumlah permintaan HTTP yang dibutuhkan, tetapi meningkatkan ukuran dokumen HTML. Jika Anda menggunakan skrip seperti Jquery, mudah untuk mereferensikan skrip 300 KB dan tidak percaya bahwa setiap orang memiliki bandwidth 100 MBit / s dengan latensi rendah, menjalankan satu aplikasi - peramban - dibuka di situs web Anda. 99% kali itu akan memberi Anda waktu respons pengguna akhir yang lebih cepat.
Frekuensi dimana komponen eksternal JavaScript dan CSS di-cache relatif terhadap jumlah dokumen HTML yang diminta juga penting. Jika pengguna di situs Anda memiliki beberapa tampilan halaman per sesi dan banyak halaman Anda menggunakan kembali skrip dan stylesheet (bundel) yang sama, ada potensi manfaat yang lebih besar dari file eksternal yang di-cache.
Tetapi inlining kadang-kadang-lebih disukai untuk aplikasi satu halaman atau situs web dengan satu tampilan halaman per sesi. Tidak ada aturan emas, dan umumnya melupakannya karena menyangkut terutama situs web yang sangat spesifik yang benar-benar terlibat oleh kinerja pengguna akhir.
Anda dapat membaca di sini mengapa kinerja penting (Penafian: Saya adalah pembuatnya)