Cara Menambahkan Expires Headers untuk Optimasi WordPress

Petik.net - Cara Menambahkan Expires Headers untuk Optimasi WordPress – Pernahkah Anda menemukan saran seperti “add expires headers”? Anda tidak sendirian jika pernah. Ini adalah salah satu saran kinerja situs web paling umum yang akan Anda dengar saat pertama kali mulai mengoptimalkan situs Anda.

Jika Anda mengelola situs WordPress, Anda mungkin selalu mencari metode baru untuk membuat situs Anda lebih cepat. Menambahkan header kedaluwarsa adalah salah satu opsi tersebut.

Header kedaluwarsa adalah aturan yang memberi tahu browser web apakah akan memuat gambar dari cache browser pengunjung atau server Anda. Ini dapat membantu situs web Anda berjalan lebih lancar. Anda dapat menambahkan header yang kedaluwarsa secara manual atau dengan bantuan plugin.

Posting ini akan menjelaskan apa itu header yang kedaluwarsa dan bagaimana pengaruhnya terhadap situs Anda. Selain itu, kami akan menunjukkan kepada Anda metode langkah demi langkah tentang cara menambahkan header kedaluwarsa di WordPress.

Apa itu Expires Header?

Untuk memahami header yang kedaluwarsa dan cara menggunakannya di WordPress, Anda harus terlebih dahulu memahami cache browser. HTML, JavaScript, dan CSS adalah contoh file statis yang membentuk halaman web. Karena file ini tidak berubah secara teratur, file yang sama akan diambil dua kali jika Anda meminta halaman kemarin dan memintanya lagi hari ini.

Bagaimana jika Anda menyimpan file-file itu di browser Anda ketika Anda memintanya kemarin? Saat Anda membuat permintaan hari ini, file tersebut akan dimuat lebih cepat dari browser Anda daripada dari server web, mengurangi penggunaan sumber daya dan meningkatkan waktu pemuatan halaman.

Itu akan jauh lebih cepat, dan caching menyelesaikan ini.

Di sisi lain, cache browser tidak dapat menyimpan file situs web (gambar, CSS, Javascript, dan sebagainya) tanpa batas waktu; perlu diinstruksikan kapan harus menghapus yang lama dan meminta yang baru.

Di sinilah header kedaluwarsa masuk. Ini adalah aturan yang ditentukan di bagian header situs web yang menyarankan browser untuk membuang file yang di-cache dan mengambil salinan baru.

Anda dapat menggunakan plugin atau mengedit file server Anda untuk menambahkan header kedaluwarsa ke WordPress. Yang pertama adalah yang terbaik untuk pengguna tingkat lanjut karena membuat kesalahan saat memodifikasi file server Anda dapat merusak sesuatu di situs Anda. Jika Anda tidak memiliki banyak pengetahuan teknis, plugin lebih baik.

Bagaimana Cara Menambahkan Expires Headers di WordPress?

Nah, berikut ini ada beberapa cara yang dapat kamu coba untuk menambah expires header di situs wordpress kamu. Ada cara menambahkan expires header menggunakan plugin ataupun seara manual, langsung saja, simak ulasan berikut:

1. Cara Menambahkan expires header di Server Apache

Jika situs Anda  di hosting menggunakan server web Apache, Anda dapat menggunakan file .htaccess di folder root server Anda untuk menambahkan header yang kedaluwarsa.

Caranya yaitu kamu harus mengedit file .htaccess dengan menghubungkan server Anda melalui panel hosting Anda dengan bantuan FTP atau cPanel. Untuk mempermudah, kita akan menggunakan cPanel untuk membuat koneksi.

Pertama, Anda harus login ke cPanel Anda. Setelah koneksi dibuat, navigasikan ke File Manager dan klik folder public_html.

Setelah Anda masuk ke folder, cari file .htaccess. Jika Anda masih tidak dapat menemukannya, pastikan opsi file tersembunyi diatur untuk ditampilkan.

Sekarang, tambahkan kode berikut dan letakkan di dekat bagian atas file .htaccess Anda untuk menambahkan header yang kedaluwarsa.

ExpiresActive On
ExpiresByType text/html "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType text/javascript "access 1 month”
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year”
ExpiresByType image/gif "access 1 year"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month”
ExpiresByType application/xhtml+xml "access 1 month""
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 4 days"

Seperti yang Anda lihat, kode di atas mengimplementasikan header kedaluwarsa untuk berbagai jenis sumber daya, termasuk gambar, video, CSS, JavaSCript, dan banyak lagi. Format file yang berbeda memiliki tanggal kedaluwarsa yang bervariasi. Anda dapat menyesuaikan ini dan header ExpiresDefault sesuai dengan kebutuhan Anda.

2. Cara Menambahkan expires header di Server Nginx

NGINX tidak sama dengan server web Apache. Itulah sebabnya Anda tidak akan dapat menemukan file .htaccess. Jadi, bagaimana Anda memasukkan header kedaluwarsa di NGINX?

Anda harus mengedit file konfigurasi server Anda. Cara Anda mengakses dan mengedit file ini berbeda-beda menurut tuan rumah – Anda selalu dapat menghubungi tim dukungan tuan rumah untuk mendapatkan bantuan apa pun.

Selanjutnya, tambahkan cuplikan kode berikut ke blok server Anda.

location ~* \.(jpg|jpeg|gif|png)$ {
   expires 365d;
}

location ~* \.(pdf|css|html|js|swf)$ {
   expires 2d;
}

Anda dapat menyesuaikan waktu kedaluwarsa untuk berbagai jenis file sesuai dengan kebutuhan Anda. Setelah Anda membuat perubahan ini, simpan file konfigurasi Anda dan mulai ulang Nginx.

3. Cara Menambahkan Expires Headers Menggunakan Plugin WordPress

Untuk mengaktifkan header kedaluwarsa di situs Anda, Anda dapat menggunakan plugin WordPress. Meskipun ada banyak plugin untuk dipilih, plugin caching adalah pilihan yang sangat baik. Plugin ini memungkinkan cache browser dan header kedaluwarsa hanya dalam beberapa klik.

Bagaimana caranya? Ikuti langkah-langkah Menambahkan Expires Headers dengan plugin wordpress W3 Total Cach berikut:

1. Pertama, instal dan aktifkan plugin dari Plugins > Add New di dashboard WordPress Anda.
2. Setelah itu, aktifkan plugin w3 total cache, navigasikan ke Performance > Browser Cache.
3. Di sub-kotak Umum, centang opsi Setel kedaluwarsa header.
4. Sekarang buka bagian CSS & JS dan pilih kotak di sebelah Setel header kedaluwarsa, lalu masukkan nilai usia header Expires Anda dalam hitungan detik. Secara default, angka ini diatur ke 31536000 detik atau 365 hari. Ini dapat diubah sesuai kebutuhan.
5. Ulangi langkah di atas untuk bagian HTML & XML dan Media & File Lainnya.
6. Setelah selesai, klik tombol Simpan semua pengaturan.

Kesimpulan

Dengan Cara Menambahkan Expires Headers, hal ini bisa meningkatkan kinerja pemuatan situs web. Meskipun tidak akan meningkatkan kecepatan situs Anda secara signifikan, strategi ini pasti akan meningkatkan pengalaman pengguna.

Anda dapat menggunakan Expires Headers untuk mengelola bagaimana berbagai jenis file di-cache dan disajikan kepada pengunjung Anda. Mereka dapat membantu meningkatkan waktu muat untuk pengunjung reguler sambil juga memastikan bahwa mereka hanya melihat konten baru. Itulah mengapa mereka sangat penting untuk kinerja situs web dan kepuasan pengguna secara keseluruhan.

Karena itu, penting untuk memahami cara menerapkan header kedaluwarsa dengan benar. Ini akan memperlambat situs Anda jika Anda melakukannya dengan tidak benar. Hal ini terutama berlaku untuk situs yang lebih dinamis dan fungsional, seperti situs eCommerce.

Akhir kata

Terima kasih sudah membaca artikel ini sampai tuntas. Begitulah informasi mengenai Cara Menambahkan Expires Headers untuk Optimasi WordPress yang belakangan ini sedang dicari.

Sekian pembahasan dari Petiknet pada kesempatan kali ini. Semoga informasi yang diberikan tersebut bisa memenuhi informasi yang sedang Anda cari . Jika kamu menyukai, silahkan bagikan artikel ini agar bermanfaat ya ka.. Terima Kasih ?

Follow us on