Cara Mengurangi TTFB untuk Meningkatkan Waktu Muat Halaman WordPress

Ketika berbicara tentang kecepatan keseluruhan situs WordPress Anda, seringkali kami fokus pada kinerja front-end dan pengoptimalan untuk meningkatkan kecepatan pemuatan halaman. Namun, terkadang ada baiknya untuk melihatnya dari sisi server, tempat situs web Anda awalnya mulai memuat. Hari ini kita akan menyelami bagaimana TTFB (time to first byte) mempengaruhi Anda dan mendiskusikan beberapa cara mudah untuk menguranginya. TTFB biasanya merupakan faktor kinerja yang diabaikan, tetapi harus dipertimbangkan saat menguji kecepatan situs Anda.

• Apa itu TTFB?
• Apakah TTFB Penting?
• Bagaimana Mengukur TTFB Anda
• 4 Cara Mengurangi TTFB di Situs WordPress Anda

Apa itu TTFB?

TTFB adalah singkatan dari time to first byte . Sederhananya, ini adalah ukuran berapa lama browser harus menunggu sebelum menerima byte data pertamanya dari server. Semakin lama waktu yang dibutuhkan untuk mendapatkan data tersebut, semakin lama waktu yang dibutuhkan untuk menampilkan halaman Anda. Kesalahpahaman yang umum adalah bahwa ini dihitung setelah waktu pencarian DNS, namun, perhitungan asli TTFB di jaringan selalu menyertakan latensi jaringan . Ini melibatkan proses 3 langkah dan penundaan serta latensi dapat terjadi di mana saja di antaranya, menambahkan hingga total TTFB Anda.

1. Permintaan ke Server

Ketika seseorang mengunjungi situs web Anda, hal pertama yang terjadi adalah permintaan HTTP dikirim dari klien (browser) ke server. Dalam langkah ini, ada berbagai faktor yang dapat menyebabkan penundaan. Waktu pencarian DNS yang lambat dapat berkontribusi pada peningkatan waktu untuk permintaan. Jika server terletak jauh secara geografis, ini dapat menimbulkan latensi dalam jarak yang harus ditempuh data. Juga, jika Anda memiliki aturan firewall yang rumit, ini dapat meningkatkan waktu perutean. Dan jangan lupa kecepatan internet klien.

2. Pemrosesan Server

Setelah permintaan dikirim, server sekarang harus memprosesnya dan menghasilkan respons. Ini dapat menyebabkan sejumlah penundaan yang berbeda seperti panggilan basis data yang lambat , terlalu banyak skrip pihak ke-3, tidak melakukan caching respons pertama Anda, kode atau tema WordPress yang tidak dioptimalkan dengan baik, dan sumber daya server yang tidak efisien seperti I/O atau memori disk.

3. Tanggapan kepada Klien

Setelah server memproses permintaan, ia kemudian harus mengirimkannya kembali ke klien (atau lebih tepatnya mengirim kembali byte pertama). Ini sangat dipengaruhi oleh kecepatan jaringan server dan klien . Jika klien memiliki internet lambat dari hotspot Wi-Fi, itu akan tercermin di TTFB.

Apakah TTFB Penting?

Penting untuk dipahami bahwa TTFB (time to first byte) tidak sama dengan kecepatan situs web. Ini benar-benar ukuran responsivitas. Ada banyak diskusi di web tentang apakah TTFB penting atau tidak. Beberapa mengatakan itu tidak berarti (Cloudflare, LittleBizzy), dan yang lain mengatakan itu penting (Ilya Grigorik, Web Performance Engineer di Google). Kedua belah pihak mengemukakan beberapa poin yang valid tentang mengapa atau mengapa itu tidak penting dan juga beberapa pertanyaan tentang bagaimana hal itu sebenarnya dihitung.

Moz bahkan melakukan studi mendalam tentang korelasi antara peringkat pencarian dan waktu hingga byte pertama. Namun, sulit untuk mengetahui apakah ini penyebabnya atau apakah situs dengan TTFB yang lebih rendah juga lebih cepat secara umum, yang pada gilirannya dapat dipengaruhi oleh faktor peringkat kecepatan halaman Google.

Namun, daripada menghabiskan waktu untuk memikirkan apakah itu penting atau tidak, kami lebih suka fokus pada pengoptimalan yang dapat Anda lakukan untuk meningkatkan metrik ini. Semua yang Anda lakukan dapat berkontribusi pada kecepatan keseluruhan situs WordPress Anda, dan ini, pada gilirannya, akan memengaruhi TTFB Anda. Dalam pengujian kami, situs dengan TTFB yang jauh lebih besar cukup memuat dan terasa lebih lambat.

Secara umum, apa pun di bawah 100 ms adalah TTFB yang bagus dan bagus . Google PageSpeed ​​Insights merekomendasikan di bawah 200 mdtk untuk waktu respons server. Jika Anda berada dalam kisaran 300-500 ms, ini cukup standar. Dan jika Anda lebih dari 600 ms, Anda mungkin memiliki sesuatu yang salah dikonfigurasi di server Anda atau mungkin sudah waktunya untuk meningkatkan ke tumpukan web yang lebih baik. Atau ikuti rekomendasi kami di bawah ini tentang cara mengurangi TTFB Anda. Dan ingat bahwa negosiasi SSL/TLS juga bisa menjadi faktor.

Bagaimana Mengukur TTFB Anda

Ada banyak cara berbeda untuk menguji TTFB Anda. Kami akan menjelajahi beberapa di bawah ini. Tapi ingat, setiap alat akan memberikan hasil yang sedikit berbeda sehingga penting untuk hanya menggunakan satu dan tetap menggunakannya sebagai dasar.

Ukur TTFB dengan Google Chrome DevTools

Anda dapat mengukur TTFB di Google Chrome dengan meluncurkan DevTools. Ingat, jika Anda menguji dari komputer Anda bahwa TTFB dipengaruhi oleh latensi jaringan dan koneksi internet Anda. Jadi mungkin lebih efektif menggunakan alat pihak ke-3 (seperti yang terlihat lebih lanjut di bawah) yang merupakan pengujian dari pusat data.

• Pilih Alat Lainnya > Alat Pengembang dari Menu Chrome.
• Klik kanan pada elemen halaman dan pilih Inspect
• Gunakan pintasan keyboard Ctrl + Shift + I (Windows) atau Cmd + Opt + I (Mac)

Anda dapat meluncurkan jendela jaringan dan melihat kinerja situs Anda.

Ukur TTFB dengan Alat Geekflare

Geekflare memiliki koleksi alat gratis yang luar biasa yang dapat Anda gunakan untuk menguji dan memecahkan masalah di situs web Anda. Alat TTFB Geekflare sederhana, cepat, dan memungkinkan Anda melihat seberapa cepat (rendah) waktu Anda ke byte pertama dari tiga lokasi di seluruh dunia.

Ukur TTFB dengan WebPageTest

Anda juga dapat mengukur TTFB Anda dengan WebPageTest. Menurut glosarium mereka, target waktu adalah waktu yang dibutuhkan untuk negosiasi DNS, socket dan SSL + 100ms. Nilai satu huruf akan dikurangi untuk setiap 100 md di luar target. Seperti yang Anda lihat dalam pengujian kami di bawah, situs ini diukur pada 0.256 detik atau 256 ms TTFB.

Ukur TTFB dengan Pingdom

Chrome dan WebPageTest menyebutnya sebagai TTFB. Namun, jika Anda menggunakan Pingdom, ini sebenarnya disebut sebagai waktu "Tunggu". Pastikan juga untuk membaca panduan mendalam kami tentang cara menggunakan Pingdom.

Ukur TTFB dengan GTmetrix

Di GTmetrix, seperti halnya Pingdom, TTFB disebut sebagai waktu tunggu. Pastikan juga untuk membaca panduan mendalam kami tentang cara menggunakan GTmetrix.

Ukur TTFB dengan Alat dari KeyCDN

KeyCDN memiliki alat uji kinerja web yang hebat di mana Anda dapat mengukur TTFB Anda dari 14 lokasi berbeda secara bersamaan. Seperti yang Anda lihat di bawah dalam pengujian kami, TTFB rendah di Amerika Serikat dan jauh lebih tinggi di luar negeri. Ini karena server kami secara fisik berada di Amerika Serikat. Ini adalah bukti di sini bahwa latensi dan jarak bermain ke TTFB.

Ada juga beberapa alat lain untuk mengukur TTFB, seperti Sucuri Performance Tool dan ByteCheck. Tahukah kamu? Bahkan Google Analytics memiliki bagian untuk melihat waktu respons rata-rata Anda. Cukup klik ke “Perilaku > Kecepatan Situs > Ikhtisar.”

4 Cara Mengurangi TTFB di Situs WordPress Anda

Sekarang mari selami beberapa cara tentang cara mengurangi TTFB di situs WordPress Anda.

1. Gunakan Host WordPress Cepat

Cara pertama untuk mengurangi TTFB adalah memastikan Anda menggunakan host WordPress yang cepat. Kami membandingkan TTFB host bersama pihak ke-3 (terletak di Phoenix, AZ) dan TTFB Kinsta (terletak di Council Bluffs, Iowa). Kami menggunakan pengaturan yang sama persis dengan menjalankan tema Twenty Seventeen default. Ingatlah bahwa Kinsta sekarang memiliki semua 29 lokasi Google Cloud Platform yang tersedia, jadi penting untuk menempatkan situs WordPress Anda secara strategis lebih dekat dengan pengunjung Anda.

Kinsta juga menyertakan jaringan tingkat premium Google Cloud Platform di semua paket hosting. Banyak penyedia hosting lain menggunakan jaringan tingkat standar Google Cloud, yang menghasilkan kecepatan lebih lambat.

Host Bersama TTFB

Di semua wilayah, rata- rata TTFB adalah 520 ms . Di seluruh Amerika Serikat dan Kanada, rata- rata TTFB adalah 240 ms .

Kinsta TTFB

Di semua wilayah, rata- rata TTFB adalah 412 ms . Di seluruh Amerika Serikat dan Kanada, rata- rata TTFB adalah 164 mdtk . Jika Anda menghosting dengan Kinsta, Anda juga dapat memilih untuk menghosting situs WordPress Anda di Eropa atau Asia. Lihat daftar Lokasi Pusat Data Google Cloud.

Jadi hanya dengan menggunakan host yang lebih cepat, kami melihat penurunan 20% di TTFB secara global. Dan penurunan 32% di TTFB di seluruh Amerika Serikat dan Kanada. Memiliki host WordPress yang bagus dengan arsitektur yang dipikirkan dengan matang sangat penting untuk menurunkan TTFB Anda. Ini juga merupakan alasan yang baik untuk memilih tempat yang secara fisik terletak di wilayah tempat pelanggan Anda berada dengan hati-hati. Jika sebagian besar pelanggan Anda berada di Amerika Serikat, jangan menghosting server Anda di Eropa (walaupun CDN dapat membantu meniadakan sebagian dari itu).

2. Menerapkan CDN

Cara mudah lainnya untuk mengurangi TTFB adalah dengan memanfaatkan Jaringan Pengiriman Konten (CDN). Jika Anda memiliki situs web yang melayani pengunjung di berbagai belahan negara, atau di seluruh dunia, ini dapat menurunkan TTFB Anda secara drastis. Seperti yang kita lihat di atas, lokasi sangat penting. Kami menjalankan sedikit tes untuk menunjukkan perbedaan dengan KeyCDN sebagai penyedia CDN kami. Setiap tes dijalankan 5 kali dan diambil rata-ratanya.

TTFB Tanpa CDN

Kami pertama kali menjalankan pengujian dengan CDN kami dinonaktifkan dan seperti yang Anda lihat, total waktu muat kami adalah 1,45 detik dan rata-rata TTFB kami pada sebuah aset adalah sekitar 136 mdtk.

TTFB Dengan CDN

Kami kemudian mengaktifkan CDN kami dan menjalankan tes lagi. Seperti yang Anda lihat, total waktu muat kami turun menjadi 788 md dan rata-rata TTFB kami sekarang adalah 37 md! Apa perbedaan yang bisa dibuat CDN. Hal penting lainnya yang perlu diperhatikan adalah kami memilih lokasi Stockholm untuk melakukan tes ini. Mengapa? Karena kami ingin menunjukkan kepada Anda peningkatan nyata yang bisa didapat dengan mengurangi jarak fisik. Ada CDN POP yang berlokasi di Stockholm, jadi konten kami disajikan dari Stockholm.

Catatan: Jika Anda menggunakan Cloudflare, Anda mungkin memiliki TTFB yang sedikit lebih tinggi. Ini kemungkinan besar karena biaya tambahan dan kerumitan menjalankan layanan proxy sepenuhnya. Ingatlah bahwa Cloudflare memiliki firewall tambahan dan fitur lain yang tidak dimiliki oleh beberapa penyedia CDN. Jadi, Anda perlu mengambil keputusan sendiri yang mungkin lebih menguntungkan Anda. Jika seluruh situs Anda tidak dioptimalkan dengan benar, menerima pukulan pada TTFB yang sedikit lebih tinggi mungkin layak untuk ditukar.

Namun, Anda mungkin juga ingin melihat panduan WP Bullet tentang penggunaan cache halaman Cloudflare untuk menurunkan TTFB. Ini mungkin memerlukan beberapa pengaturan dan pengujian tambahan. Pastikan untuk menjalankan pengujian Anda sendiri karena setiap lingkungan berbeda.

Bacaan yang disarankan: Cara Mengatur Cloudflare APO untuk WordPress.

3. Caching WordPress

Cara ketiga dan mungkin salah satu cara termudah untuk mengurangi TTFB Anda adalah dengan memanfaatkan caching di situs WordPress Anda. Banyak yang hanya berpikir bahwa caching dapat membantu mengurangi waktu muat Anda, tetapi pada kenyataannya, ini juga membantu mengurangi TTFB karena membantu mengurangi waktu pemrosesan server. Kami menjalankan beberapa tes lagi dengan dan tanpa menjalankan caching. Setiap tes dijalankan 5 kali dan diambil rata-ratanya.

Tanpa Menjalankan Cache

Kami menjalankan situs melalui Pingdom, dan tanpa menjalankan cache, situs kami mencetak waktu buka 1,17 detik dan TTFB 560 md.

Dengan Caching Diaktifkan

Kami kemudian mengaktifkan caching dan menjalankan situs melalui Pingdom lagi. Kali ini situs kami mencetak waktu muat 643 ms dan TTFB 57 ms.

Jadi dengan mengaktifkan caching, kami dapat mengurangi TTFB kami hingga 90%! Anda dapat membaca lebih lanjut tentang caching Kinsta. Kami melakukan ini di tingkat server yang berarti tidak diperlukan plugin caching. Jika Anda tidak menggunakan host WordPress terkelola, sebaiknya gunakan plugin caching gratis seperti Cache Enabler.

4. Gunakan Penyedia DNS Premium

Dan yang tak kalah pentingnya, DNS juga berperan dalam TTFB. Sulit untuk menghitung dengan tepat seberapa besar pengaruhnya, tetapi Anda masih dapat melihat waktu pencarian DNS secara keseluruhan dan melihat bahwa ada penyedia yang lebih cepat dan lebih lambat di luar sana. Kami menjalankan beberapa pengujian dengan alat uji kecepatan SolveDNS. Berikut adalah contoh domain yang menggunakan DNS gratis NameCheap dan waktu responsnya.

DNS NameCheap Gratis

Dan di bawah ini adalah contoh penggunaan DNS premium Amazon Route 53. Seperti yang Anda lihat secara umum, waktu pencarian DNS jauh lebih cepat dengan Amazon. Biasanya penyedia DNS premium akan memiliki kecepatan yang lebih baik. Cloudflare adalah yang gratis yang juga memiliki kinerja hebat.

Amazon Route 53 DNS

Pastikan untuk membaca postingan kami tentang mengapa Anda harus menggunakan penyedia DNS premium. Kami bermitra dengan Amazon Route 53 di sini di Kinsta dan tersedia untuk semua pelanggan secara gratis.

Ringkasan

Ada banyak hal lain yang dapat Anda optimalkan atau perbaiki untuk mengurangi TTFB, seperti caching basis data, Disk IO, penggunaan Swap, RAM, pengaturan PHP, pengaturan MySQL, pengaturan jaringan, overhead TLS, dll. Tetapi yang disebutkan di atas cukup mudah diterapkan dan akan memberi Anda peningkatan kinerja tercepat. Jadi pada saat seseorang bertanya kepada Anda bagaimana cara mengurangi TTFB Anda, ingatlah bahwa host WordPress yang cepat, CDN, caching, dan DNS semuanya memainkan peran besar. Memperbaiki atau meningkatkan kemacetan itu akan berhasil.

Apa pengalaman Anda dengan TTFB? Kami akan senang mendengarnya di bawah ini.