Monday, July 14, 2014

Percepat Loading Halaman Web atau Blog (Expires Headers Dan Cache-control Headers)

Percepat Loading Halaman Web atau Blog
Expires headers

Percepat Loading Halaman Web atau Blog Dengan Expires Headers Dan Cache-control Headers - Disini saya memberikan teknisnya dari opsi tersebut. Teknik ini sebenarnya memanfaatkan cache dari browser. Dengan cache browser, kita secara eksplisit menginstruksikan browser untuk mengambil file tertentu dalam jangka waktu tertentu. Ketika file tersebut dibutuhkan lagi, browser akan mengambil file dari cache lokal, bukannya mengambil dari server asli dari web/blog sehingga akan menghemat waktu loading bagi pengunjung web/blog Anda.

Cache Browser benar-benar bermanfaat untuk menyenangkan hati pengunjung (relatif) dan juga akan berdampak pada index web/blog Anda, sebab bot dari mesin pencari senang dengan web/blog yang cepat. Tentunya hal ini ini akan menghemat besaran bandwidth yang dipakai oleh server tempat web/blog Anda bercokol.
Cara Kerja

Seorang pengunjung ketika pertama kali ke halaman web/blog Anda, akan membuat beberapa permintaan HTTP untuk men-download semua file di web/blog Anda, tetapi dengan menggunakan Expires Headers dan Cache-Control membuat file-file dari web/blog disimpan di cache browser. Hal ini untuk menghindari permintaan/load yang tidak perlu pada tampilan halaman berikutnya.

Untuk membuat Expires headers, Anda hanya perlu menambahkan script dibawah ini kedalam file .htaccess di server Anda.
BEGIN Expire headers
ExpiresActive On
ExpiresDefault “access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/javascript "access plus 216000 seconds"
ExpiresByType application/x-javascript "access plus 216000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
Script untuk Cache-control header:
# BEGIN Cache-Control Headers 
        <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
            Header set Cache-Control "public"
        <filesMatch "\.(css)$">
            Header set Cache-Control "public"          
        <filesMatch "\.(js)$">
            Header set Cache-Control "private"         
        <filesMatch "\.(x?html?|php)$">
            Header set Cache-Control "private, must-revalidate"       

# END Cache-Control Headers
Script diatas bisa digunakan pada server dengan Apache. Untuk membuat file .htaccess silahkan buat diserver Anda sendiri atau Anda bisa meng-upload script yang saya buat. Anda bisa download
kemudian upload kedalam folder public web/blog Anda. Jangan lupa setelah di-upload kemudian diextrak

Kesimpulan

Cara diatas bukan merupakan satu-satunya cara untuk optimasi web/blog atau menghemat waktu loading pengunjung. Dilain kesempatan akan saya ulas satu-persatu apa saja yang perlu dilakukan untuk meningkatkan kinerja web/blog Anda. Atau jika ada teknik lainnya, maka saya berharap para pembaca sekalin berkenan berbagi.


EmoticonEmoticon