Menghindari Bencana CMS: Cara Meningkatkan Kinerja Situs Web

Tidak ada yang suka ... menunggu ... menunggu .... tunggu …

Memiliki situs yang berkinerja seperti pahlawan super digital adalah keharusan bisnis, terutama ketika Anda membuat kesan pertama dengan calon pelanggan yang meneliti organisasi Anda.

Statistik kinerja situs web berikut ini akan menimbulkan ketakutan di hati setiap pengembang dan insinyur situs, belum lagi tim pemasaran merek Anda:

• Satu dari dua pengguna akan meninggalkan situs jika memuat lebih dari empat detik. Sumber: BBC.
• Penundaan satu detik menghasilkan penurunan kepuasan pengguna sebesar 16%. Sumber: LoadStorm.
• Lima puluh tiga persen kunjungan situs seluler ditinggalkan jika laman membutuhkan waktu lebih dari tiga detik untuk dimuat. Sumber: Google.

Mungkin Anda telah melihat kinerja situs yang buruk ketika Anda memeriksa metrik kinerja Google Core Web Vitals, tetapi tidak yakin bagaimana cara memperbaikinya?

Saat bisnis Anda terancam, Anda tidak dapat mengirim bisnis baru ke tempat lain dan menodai merek Anda dengan membuat sistem manajemen konten (CMS) Anda memberikan pengalaman digital yang buruk.

Di bawah ini kami mendiagnosis lima penyebab umum pelambatan dan cara meningkatkan kinerja situs web menggunakan CMS yang gesit seperti WordPress VIP.

Pertama, apa yang sebenarnya terjadi ketika Anda memuat aplikasi web?

Ini adalah permintaan besar untuk browser apa pun, yang harus segera bekerja dengan kecepatan tinggi, melakukan banyak tindakan dalam milidetik. Inilah kesopanan kurus Mozilla:

1. Peramban masuk ke server DNS, dan menemukan alamat sebenarnya dari server tempat situs web itu hidup.
2. Browser mengirimkan pesan permintaan HTTP ke server, memintanya untuk mengirim salinan situs web ke klien. Pesan ini, dan semua data lain yang dikirim antara klien dan server, dikirim melalui koneksi internet Anda menggunakan TCP/IP.
3. Jika server menyetujui permintaan klien, server mengirimkan pesan “200 OK” kepada klien, yang berarti, “Tentu saja Anda dapat melihat situs web itu! Ini dia." Kemudian mulai mengirimkan file situs web ke browser sebagai serangkaian potongan kecil yang disebut paket data.
4. Browser mengumpulkan potongan-potongan kecil menjadi halaman web yang lengkap dan menampilkannya kepada Anda.

Catatan: Tentu saja tidak semudah semua ini. Ada banyak langkah kecil di antara masing-masing langkah ini. Untuk saat ini, mari selami lima alasan utama "kelambatan" terjadi dan bagaimana CMS VIP WordPress kami menguranginya.

Jadi, apa yang menyebabkan pengalaman browsing lambat?

Pelaku 1. Kurangnya PoP dan CDN

Kemungkinan besar, bisnis Anda bersifat global. Itu meningkatkan tantangan logistik untuk memastikan koneksi yang cepat, konsisten, dan stabil bagi pengguna di berbagai jenis koneksi di berbagai perangkat.

Jadi apa artinya ini untuk aplikasi Anda?

Ketika permintaan jaringan dimulai dari Langkah 2 di atas, permintaan melewati beberapa lompatan jaringan. Hop adalah istilah jaringan komputer yang mengacu pada jumlah router yang dilewati paket, dari sumbernya ke tujuannya.

Sebagai konsekuensi dari lompatan dari lokasi geografis pengguna ke server Anda, dapat terjadi penambahan waktu yang dialami oleh pengguna Anda selama pemuatan. Ini dapat dikurangi dengan menyajikan konten lebih dekat ke pengunjung Anda, melalui jaringan pengiriman konten (CDN) dan titik kehadiran (PoPs).

Jawaban VIP WordPress :

CDN VIP WordPress adalah jaringan global PoP edge dan origin yang melayani situs Anda kepada pelanggan global, secepat, efisien, dan andal mungkin. Ketersediaan yang dilokalkan ini terjadi secara otomatis segera setelah server edge kami diberi tahu tentang konten baru dari aplikasi Anda. Ini berarti tidak ada konfigurasi tambahan yang harus ditangani oleh tim Anda, membebaskan mereka untuk fokus pada tugas lain.

Pelaku 2. Media yang tidak dioptimalkan

Gambar berkualitas tinggi yang diambil semua orang hari ini dengan perangkat seluler terbaru cukup indah! Yaitu, sampai mereka digunakan sebagai thumbnail di beranda Anda.

Menambahkan gambar 4K dan membatasinya ke wadah 100x100 piksel berarti pengguna Anda harus memuat seluruh gambar 4K. Satu gambar tidak terlalu mengkhawatirkan, tetapi untuk bisnis yang menerbitkan konten dalam skala besar, pemuatan halaman dapat dengan mudah meledak secara eksponensial semakin banyak artikel mengisi halaman indeks.

Jawaban VIP WordPress :

Aplikasi di WordPress VIP secara otomatis menerima semua manfaat gambar yang di-cache tepi, dan pengubahan ukuran gambar otomatis pada gambar yang diunggah. Selain itu, gambar dapat diubah ukurannya dengan cepat.

Pelaku 3. Javascript dan CSS yang tidak dioptimalkan

Saat memuat file besar, setiap bit dan setiap permintaan diperhitungkan. Jika Anda telah mengoptimalkan jumlah lompatan jaringan yang diambil untuk mengunduh file, waktu paling lama yang dibutuhkan file untuk tiba adalah untuk membuka dan menutup permintaan.

Untuk mengatasi hal ini, pengembangan Javascript dan CSS modern sering menggunakan minifikasi dan penggabungan.

Minifikasi mengacu pada penghapusan semua karakter yang tidak perlu dalam file, biasanya semua spasi yang tidak perlu. Tujuannya di sini adalah untuk mengurangi jumlah bit yang ditransfer.
Concatenation adalah tindakan menempelkan beberapa file bersama-sama untuk menghasilkan satu file yang lebih besar. Tujuannya di sini adalah untuk mengurangi jumlah permintaan jaringan.

Jawaban VIP WordPress :

WordPress VIP secara otomatis menggabungkan file JavaScript dan CSS untuk mengurangi jumlah permintaan yang terjadi pada satu pemuatan halaman. File CSS diperkecil serta digabungkan. Kredit diberikan ke plugin sumber terbuka pilihan kami.

File yang diperkecil dan digabungkan kemudian di-cache selama 15 hari, atau hingga perubahan terdeteksi.

Pelaku 4. Pemanfaatan cache yang buruk

Cache adalah penyimpanan sementara khusus untuk mempercepat. Apa yang mereka percepat tergantung pada jenis cache.

Jika Anda tidak menggunakan bentuk caching, Anda mungkin akan sangat memengaruhi kecepatan respons halaman Anda saat aplikasi sedang dimuat.

Jawaban VIP WordPress :

WordPress VIP menggunakan beberapa jenis caching yang berbeda:

• Cache objek —digunakan untuk menyimpan data level aplikasi. Ini membantu mengambil data dengan cepat dan efisien tanpa mengenai database Anda. Singkatnya, cache objek mencegah komputasi dan/atau kueri ekstensif mengambil waktu koneksi yang berharga.
• Cache kueri —caching memori ringan dari kueri database. Di WordPress, setiap kueri posting yang menggunakan WP_Query API sangat diuntungkan dari bentuk caching ini.
• Cache halaman —penyimpanan untuk halaman yang digambar penuh, disimpan di setiap lokasi PoP tepi. Ini adalah cache tingkat pertama yang ditemui sebagian besar pengguna yang mengunjungi aplikasi Anda. Cache halaman memungkinkan CDN kami untuk menyajikan konten yang dilokalkan tanpa aplikasi Anda pernah menjalankan satu baris kode pun.

Semua ini bekerja secara harmonis untuk mengurangi waktu respons permintaan.

Masalah 5. Saturasi koneksi database

Saat konten aplikasi dan basis pengguna Anda bertambah, kueri database lama yang awalnya berkinerja baik sekarang dapat menurunkan kinerja.

Ketika kueri membutuhkan waktu untuk dieksekusi, ini menempati tempat di database hingga kueri selesai. Terkadang kursi ini terisi dengan sangat cepat, sehingga mencegah lebih banyak kueri dieksekusi. Ini biasanya bermanifestasi sebagai kinerja aplikasi yang menurun hingga database melayani 500 tanggapan.

Kejenuhan koneksi dapat terjadi dengan cepat dan acak, membuat akar penyebab sulit didiagnosis.

Jawaban VIP WordPress :

Sebagai bagian dari paket layanan VIP WordPress, kami menyediakan akses ke New Relic, yang membantu mendiagnosis dan memantau potensi masalah seperti di atas secara proaktif. Ini menghemat waktu tim Anda, biaya, dan kesulitan mengamankan alat dan sumber daya tambahan saat hitungan detik.

Kesimpulannya

Dari lompatan jaringan dan kurangnya kehadiran poin hingga kejenuhan konten basis data, mengatasi akar penyebab kinerja situs web yang buruk harus menjadi prioritas P0 untuk setiap organisasi yang berpikiran maju dan sistem manajemen kontennya. Bagaimanapun, membuat kesan pertama yang hebat dengan audiens adalah segalanya di era digital. Karena kecepatan benar-benar membunuh.

Pelajari lebih lanjut tentang WordPress VIP di sini.

Pengarang

Michael Chan, Insinyur Perangkat Lunak Senior, WordPress VIP