Kecepatan dan kinerja halaman web sangat penting untuk pengalaman pemakai.
Jika website Anda terlalu lambat, kita tidak hanya akan kehilangan pengunjung, tetapi juga pelanggan potensial. Mesin pencari seperti Google memperhitungkan kecepatan Website Web ke dalam peringkat di peringkat pencarian, jadi saat mengoptimalkan kecepatan website Anda, Anda harus mempertimbangkan semuanya. Setiap milidetik berarti.
Berikut adalah beberapa saran dasar dan umum untuk menambah kinerja situs.
Tunda Pemuatan Konten Bila Mungkin
Ajax memungkinkan kami menciptakan halaman web yang bisa dimodernisasi secara asinkron kapan saja. Ini berarti bahwa alih-alih memuat kembali semua halaman ketika pemakai mengerjakan suatu hal, kami bisa memodernisasi bagian halaman itu.
Kita bisa menggunakan galeri gambar sebagai contoh. File gambar besar dan berat; mereka bisa memperlambat kecepatan pemuatan halaman dari halaman web. Daripada memuat seluruh gambar saat pemakai pertama kali mendatangi halaman web, kami hanya bisa memperlihatkan gambar mini gambar dan lantas ketika pemakai mengkliknya, kami bisa secara tidak sinkron meminta gambar ukuran penuh dari server dan memodernisasi halaman. Dengan cara ini, jika pemakai hanya ingin melihat beberapa gambar, mereka tidak perlu menantikan semua gambar untuk diunduh. Pola pengembangan ini dinamakan lazy loading.
Pustaka Ajax / pengembangan web seperti jQuery, Prototype, dan MooTools bisa menciptakan pemuatan konten yang ditangguhkan lebih mudah diimplementasikan.
Gunakan File JS dan CSS Eksternal
Saat pemakai pertama kali memuat halaman web Anda, browser akan men-cache sumber daya eksternal seperti file CSS dan JavaScript. Jadi, alih-alih file JavaScript dan CSS sebaris, lebih baik menempatkannya di file eksternal.
Menggunakan CSS sebaris juga meningkatkan waktu rendering sebuah halaman web; mempunyai semua yang didefinisikan dalam file CSS utama kita memungkinkan browser bekerja lebih sedikit ketika merender halaman, sebab sudah tahu semua aturan gaya yang perlu diterapkan.
Sebagai bonus, memakai file JavaScript dan CSS eksternal menciptakan pemeliharaan website lebih mudah sebab Anda hanya perlu merawat file global daripada kode yang tersebar di beberapa halaman web.
Gunakan Sistem Caching
Jika Anda mencari bahwa website Anda terhubung ke database kita untuk membuat konten yang sama, kini saatnya untuk mulai memakai sistem caching. Dengan mempunyai sistem caching, website Anda hanya perlu menciptakan konten sekali daripada menciptakan konten setiap kali halaman dikunjungi oleh pemakai Anda. Jangan khawatir, sistem cache secara rutin menyegarkan cache mereka tergantung pada bagaimana kita mengaturnya – sehingga bahkan halaman web yang terus berubah (seperti posting blog dengan komentar) bisa di-cache.
Sistem manajemen konten populer seperti WordPress dan Drupal akan mempunyai fitur caching statis yang mengolah halaman yang didapatkan secara dinamis menjadi file HTML statis untuk meminimalisir pemrosesan server yang tidak perlu. Bagi WordPress, lihat WP Super Cache (salah satu dari enam plugin WordPress kritis yang diinstal Six Revisi). Drupal mempunyai fitur caching halaman pada intinya.
Ada pun caching basis data dan sistem caching skrip sisi server yang bisa Anda instal di server web kita (jika kita memiliki keterampilan untuk melakukannya). Sebagai contoh, PHP mempunyai ekstensi yang dinamakan akselerator PHP yang mengoptimalkan kinerja melalui caching dan begitu banyak metode lainnya; salah satu contoh akselerator PHP ialah APC. Caching basis data menambah kinerja dan skalabilitas software web kita dengan meminimalisir pekerjaan yang berhubungan dengan proses baca / tulis / akses basis data; memcached, misalnya, cache query database yang sering digunakan.
Hindari Mengubah Ukuran Gambar dalam HTML
Jika sebuah gambar tadinya berdimensi 1280x900px, namun Anda harus mempunyai ukuran 400x280px, Anda harus mengolah ukuran dan menyimpan kembali gambar memakai editor gambar seperti Photoshop daripada memakai atribut lebar dan tinggi HTML (yaitu). Ini karena, pasti saja, gambar yang besar akan selalu lebih banyak dalam ukuran file daripada gambar yang lebih kecil.
Daripada mengolah ukuran gambar memakai HTML, ubah ukuran memakai editor gambar seperti Photoshop dan lalu simpan sebagai file baru.
Berhenti Menggunakan Gambar untuk Menampilkan Teks
Tidak hanya teks dalam gambar menjadi tidak bisa diakses oleh pembaca layar dan sama sekali tidak bermanfaat untuk SEO, tetapi memakai gambar untuk memperlihatkan teks juga meningkatkan waktu buka halaman web Anda sebab lebih banyak gambar berarti halaman web lebih berat.
Jika Anda perlu menggunakan banyak font eksklusif di website web Anda, pelajari mengenai CSS font-face untuk memperlihatkan teks dengan font eksklusif lebih efisien. Tidak perlu disebutkan bahwa Anda harus menilai apakah penyajian file font akan lebih optimal daripada membuat gambar.
Optimalkan Ukuran Gambar dengan Menggunakan Format File yang Benar
Dengan memilih bentuk gambar yang tepat, Anda bisa mengoptimalkan ukuran file tanpa kehilangan kualitas gambar. Contohnya, kecuali Anda membutuhkan transparansi gambar (lapisan alfa) yang ditawarkan bentuk PNG, bentuk JPG sering memperlihatkan gambar potret dengan ukuran file yang lebih kecil.
Optimalkan Cara kita Menulis Kode
Lihatlah kode sumber Anda. Apakah kita benar-benar memerlukan semua tag yang Anda pakai atau dapatkah Anda memakai CSS untuk membantu tampilan? Contohnya, alih-alih memakai <h1> <em>
Judul kita </em> </h1>, Anda bisa dengan mudah memakai CSS untuk menciptakan judul miring memakai properti font-style. Menulis kode secara tepat untuk tidak hanya mengurangi ukuran file dokumen HTML dan CSS Anda, tetapi juga membuatnya lebih mudah untuk dipelihara.
Muat JavaScript di Akhir Dokumen Anda
Lebih baik jika skrip kita dimuat di akhir halaman daripada di awal. Peramban memungkinkan untuk merender semuanya sebelum mengawali JavaScript. Ini menciptakan halaman web kita terasa lebih responsif karena cara kerja JavaScript adalah menutup apa pun di bawahnya dari rendering sampai selesai diunduh. Jika memungkinkan, rujuk JavaScript tepat sebelum tag penutup dokumen HTML Anda.
Gunakan Jaringan Pengiriman Konten (CDN)
Kecepatan website Anda sangat dipengaruhi oleh di mana tempat pemakai berada, relatif terhadap server web Anda. Semakin jauh jaraknya, semakin jauh jarak data yang ditransmisikan harus melakukan perjalanan. Setelah konten kita di-cache di beberapa lokasi geografis yang ditempatkan secara strategis membantu mengatasi masalah ini. CDN akan sering membuat biaya operasi Anda tidak banyak lebih tinggi, tapi Anda tentu mendapatkan bonus kecepatan.
Optimalkan Caching Web
Seiring dengan memakai sistem caching, Anda harus menciptakan situs web yang memanfaatkan caching web beberapa mungkin. Caching web adalah saat file di-cache oleh browser web untuk digunakan nanti. Hal-hal yang bisa di-cache oleh browser tergolong file CSS, file JavaScript dan gambar.
Di samping dari dasar-dasarnya, seperti menanam kode CSS dan JavaScript yang dipakai di banyak halaman dalam file eksternal, ada banyak cara untuk meyakinkan bahwa kita menyimpan file dalam cara yang seefisien mungkin.
Contohnya, kita bisa menata tajuk respons HTTP seperti kadaluwarsa dan terakhir dimodifikasi untuk mengurangi keperluan mengunduh ulang file tertentu saat pemakai kembali ke website Anda. Untuk mempelajari lebih lanjut, baca mengenai caching di HTTP dan tingkatkan caching browser.
Sumber : About The Importance of Having a Website in Digital Market Strategies html