Caching Peramban WordPress

Diterbitkan: 2015-05-18

Percepat situs WordPress Anda secara drastis dengan menggunakan caching browser leverage, juga dikenal sebagai caching kedaluwarsa .

Banyak penyedia pengoptimalan dan pengujian kecepatan akan menyebut ini sebagai " Cache Browser ", " Leverage Browser Caching " , " Expires Header " , " Cache Header " , " Cache-Control " dan " Web Cache ". Seperti yang ditunjukkan oleh Google PageSpeed Insights, GTMetrix dan MaxCDN ikuti panduan ini untuk mengaturnya dengan benar.

Apa itu Cache Peramban?

Cache browser adalah metode server web Anda memberi tahu browser untuk menyimpan halaman atau sumber daya tertentu untuk jangka waktu tertentu sehingga tidak perlu diunduh dari server setiap kali halaman dimuat. Ini dapat men-cache seluruh halaman dan/atau sumber daya seperti JavaScript, CSS, gambar (jpeg, png, gif, dll) dan banyak lagi.

Situs web WordPress Anda akan dimuat secara normal untuk setiap pengguna pertama kali, tetapi setelah itu akan terasa lebih cepat saat mereka menelusuri halaman dan melakukan tindakan. Sumber daya disimpan di browser dan sebagai hasilnya dimuat secara lokal alih-alih mengunduh lagi.

Pentingnya Cache Browser

Pada akhirnya, tujuan dan pentingnya cache browser adalah untuk mempercepat situs WordPress Anda bagi pengguna Anda sehingga mereka memiliki pengalaman yang lebih menyenangkan. Ini dapat menyebabkan peningkatan lalu lintas, peringkat pencarian yang lebih baik, dan bahkan peningkatan rasio konversi pada apa yang ingin Anda capai.

Sebagai efek bonus tambahan, beban diambil dari server web Anda dengan tidak mengunduh sumber daya pada setiap pemuatan halaman untuk pengunjung yang sama dan juga menghemat bandwidth di server web Anda.

Cache web memberikan kecepatan timbal balik ke server dan pengguna

Menerapkan Cache Browser

Menyiapkan caching browser leverage di situs WordPress Anda sebenarnya sangat cepat dan mudah, tetapi pengaturannya mungkin berbeda berdasarkan pengaturan dan server web yang Anda gunakan. Secara default, pengaturan yang paling umum adalah WordPress yang berjalan di server web Apache tetapi ada server web populer lain yang tersedia seperti Nginx, IIS, dll.

Menggunakan Plugin Caching Browser Leverage WordPress menyederhanakan implementasi.

Untuk membuatnya lebih mudah, ada beberapa plugin caching browser leverage WordPress yang tersedia. Kami telah menggunakan, menguji, dan merekomendasikan plugin WordPress Leverage Browser Caching Ninjas. Ini adalah plugin instal dan aktifkan yang melakukan sisanya untuk Anda, sesederhana itu.

Tembolok Peramban Apache

Apache menggunakan file .htaccess untuk cache browser. Seharusnya ada file .htaccess di root instalasi WordPress Anda dan jika tidak ada, Anda dapat membuatnya dan memasukkan baris kode berikut ke dalamnya, di bagian paling atas:

## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType application/x-shockwave-flash "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 2 days" </IfModule> ## EXPIRES CACHING ##

(https://Gist.github.com/tribulant/36be0f683eedfa468f51)

Nginx Leverage Peramban Caching

Jika Anda menjalankan server Nginx (En-gine-ex), pengaturannya berbeda dengan Apache di atas. Anda ingin menambahkan kode berikut ke file konfigurasi vhost Anda, biasanya terletak di /etc/nginx/sites-enabled/default . Tambahkan yang berikut ini ke blok server Anda:

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

(https://Gist.github.com/tribulant/19bb56a222af41854ecc)

Lighttpd

Modul mod_expire digunakan oleh Lighttpd untuk mengontrol header yang menyediakan caching konten oleh browser. Ini dapat masuk ke konfigurasi inti Lighttpd yang sesuai.

$HTTP["url"] =~ "^/images/" { expire.url = ( "" => "access plus 1 hours" ) }

(https://Gist.github.com/tribulant/26263533eee33e3b61ed)

Microsoft IIS Leverage Peramban Caching

Menyiapkan cache browser untuk IIS (Layanan Informasi Internet) sangat mudah.

Pilih di antarmuka Administration Tools , dan buka propertinya. Setelah memilih tab HTTP Headers , Anda akan melihat dua area menarik; Enable Content Expiration dan Custom HTTP headers . Yang pertama harus cukup jelas, dan yang kedua dapat digunakan untuk menerapkan header Cache-Control.

Teknis Cache Browser

Caching browser Leverage dicapai oleh server web dengan mengirimkan header HTTP ke browser sebelum HTML dikirim. Mereka memberi tahu browser hal-hal tertentu tentang konten HTML yang akan diikuti, seperti jenis konten, tanggal saat ini, detail server, kontrol cache dan kedaluwarsa, dll.

Header Cache-Control , Expires dan Etag adalah yang memberikan instruksi cache browser. Header ini secara otomatis dibuat dengan metode yang disebutkan di atas untuk memanfaatkan caching browser di Apache, Nginx dan IIS sehingga Anda tidak perlu masuk ke detail kecuali Anda tertarik.

Header Kontrol Tembolok

Cache-Control memberi browser instruksi tertentu seperti berapa lama konten dianggap "segar", status caching publik/pribadi, validasi, dan lainnya.

Kontrol Tembolok: usia maksimal = 3600, publik

(https://Gist.github.com/tribulant/6309926734d3c127064c)

Kadaluwarsa Header

Header Expires memberikan tanggal HTTP hanya sampai ketika sumber daya harus dan dapat di-cache sampai.

Kedaluwarsa: Sab, 28 Nov 2015 05:36:25 GMT

(https://Gist.github.com/tribulant/1b655d60a8a665b18b85)

Tajuk Etag

Etag diperkenalkan di HTTP 1.1 sebagai metode validasi dengan token yang dikirim oleh server dan digunakan oleh browser untuk memeriksa apakah representasi konten telah berubah. Hingga Etag , browser sebagian besar menggunakan header Last-Modified tetapi Etag lebih relevan sekarang. Sebagian besar server web akan menghasilkan header Last-Modified dan Etag .

Etag: “pub1259380237;gz”

(https://Gist.github.com/tribulant/2b542d76410bc047be00)

Intinya dari Peramban Caching

Cache browser saling menguntungkan bagi Anda (server web Anda) dan pengguna Anda dengan memberikan kecepatan dan kinerja kepada kedua belah pihak.

Dengan cache browser, menjadi kuat dan agresif, server web Anda cukup pintar untuk mengetahui kapan sumber daya telah berubah untuk menghasilkan header yang diperbarui bagi pengguna untuk mendapatkan konten baru sesuai kebutuhan. Jangan panik karena pengguna Anda akan terjebak pada konten lama, bukan itu masalahnya.

Caching browser web sangat disarankan untuk situs web WordPress dan pada akhirnya, plugin WordPress Leverage Browser Caching Ninjas yang direkomendasikan akan melakukan triknya. Cukup instal, aktifkan, dan selesai!