Memanfaatkan Htaccess Untuk Mempercepat Loading Blog
Seperti pada judul di atas, kali ini saya akan berbagi cara Memanfaatkan Htaccess Untuk Mempercepat Loading Blog.
Yah, walaupun ini tidak membuat 100% jadi lebih cepat, tapi setidaknya cara ini akan mengurangi sedikit waktu loading. Saya menggunakan cara ini, dan saya juga merasakan bahwa cara ini bekerja dengan baik. Kalaupun kalian pengen loadingnya benar-benar cepat 100%, saya menyarankan untuk menghilangkan CSS, IMAGE dan JAVASCRIPT , hehehe
Baik langsung saja, berikut adalah caranya :
Langkah : 1
Buka file .htaccess kalian yang ada pada root direktory. lalu copy code di bawah ini,
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
letakan code tersebut di bagian paling atas atau bawah,
Langkah: 2
Simpan, dan lihat hasilnya….
Atau jika merasa kurang, kalian bisa menggunakan cara di bawah ini:
dari plugin W3TC
<IfModule mod_mime.c>
AddType text/css .css
AddType text/x-component .htc
AddType application/x-javascript .js
AddType application/javascript .js2
AddType text/javascript .js3
AddType text/x-js .js4
AddType text/html .html .htm
AddType text/richtext .rtf .rtx
AddType image/svg+xml .svg .svgz
AddType text/plain .txt
AddType text/xsd .xsd
AddType text/xsl .xsl
AddType text/xml .xml
AddType video/asf .asf .asx .wax .wmv .wmx
AddType video/avi .avi
AddType image/bmp .bmp
AddType application/java .class
AddType video/divx .divx
AddType application/msword .doc .docx
AddType application/vnd.ms-fontobject .eot
AddType application/x-msdownload .exe
AddType image/gif .gif
AddType application/x-gzip .gz .gzip
AddType image/x-icon .ico
AddType image/jpeg .jpg .jpeg .jpe
AddType application/json .json
AddType application/vnd.ms-access .mdb
AddType audio/midi .mid .midi
AddType video/quicktime .mov .qt
AddType audio/mpeg .mp3 .m4a
AddType video/mp4 .mp4 .m4v
AddType video/mpeg .mpeg .mpg .mpe
AddType application/vnd.ms-project .mpp
AddType application/x-font-otf .otf
AddType application/vnd.oasis.opendocument.database .odb
AddType application/vnd.oasis.opendocument.chart .odc
AddType application/vnd.oasis.opendocument.formula .odf
AddType application/vnd.oasis.opendocument.graphics .odg
AddType application/vnd.oasis.opendocument.presentation .odp
AddType application/vnd.oasis.opendocument.spreadsheet .ods
AddType application/vnd.oasis.opendocument.text .odt
AddType audio/ogg .ogg
AddType application/pdf .pdf
AddType image/png .png
AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
AddType audio/x-realaudio .ra .ram
AddType application/x-shockwave-flash .swf
AddType application/x-tar .tar
AddType image/tiff .tif .tiff
AddType application/x-font-ttf .ttf .ttc
AddType audio/wav .wav
AddType audio/wma .wma
AddType application/vnd.ms-write .wri
AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
AddType application/zip .zip
</IfModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css A29030400
ExpiresByType text/x-component A29030400
ExpiresByType application/x-javascript A29030400
ExpiresByType application/javascript A29030400
ExpiresByType text/javascript A29030400
ExpiresByType text/x-js A29030400
ExpiresByType text/html A3600
ExpiresByType text/richtext A3600
ExpiresByType image/svg+xml A3600
ExpiresByType text/plain A3600
ExpiresByType text/xsd A3600
ExpiresByType text/xsl A3600
ExpiresByType text/xml A3600
ExpiresByType video/asf A29030400
ExpiresByType video/avi A29030400
ExpiresByType image/bmp A29030400
ExpiresByType application/java A29030400
ExpiresByType video/divx A29030400
ExpiresByType application/msword A29030400
ExpiresByType application/vnd.ms-fontobject A29030400
ExpiresByType application/x-msdownload A29030400
ExpiresByType image/gif A29030400
ExpiresByType application/x-gzip A29030400
ExpiresByType image/x-icon A29030400
ExpiresByType image/jpeg A29030400
ExpiresByType application/json A29030400
ExpiresByType application/vnd.ms-access A29030400
ExpiresByType audio/midi A29030400
ExpiresByType video/quicktime A29030400
ExpiresByType audio/mpeg A29030400
ExpiresByType video/mp4 A29030400
ExpiresByType video/mpeg A29030400
ExpiresByType application/vnd.ms-project A29030400
ExpiresByType application/x-font-otf A29030400
ExpiresByType application/vnd.oasis.opendocument.database A29030400
ExpiresByType application/vnd.oasis.opendocument.chart A29030400
ExpiresByType application/vnd.oasis.opendocument.formula A29030400
ExpiresByType application/vnd.oasis.opendocument.graphics A29030400
ExpiresByType application/vnd.oasis.opendocument.presentation A29030400
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A29030400
ExpiresByType application/vnd.oasis.opendocument.text A29030400
ExpiresByType audio/ogg A29030400
ExpiresByType application/pdf A29030400
ExpiresByType image/png A29030400
ExpiresByType application/vnd.ms-powerpoint A29030400
ExpiresByType audio/x-realaudio A29030400
ExpiresByType image/svg+xml A29030400
ExpiresByType application/x-shockwave-flash A29030400
ExpiresByType application/x-tar A29030400
ExpiresByType image/tiff A29030400
ExpiresByType application/x-font-ttf A29030400
ExpiresByType audio/wav A29030400
ExpiresByType audio/wma A29030400
ExpiresByType application/vnd.ms-write A29030400
ExpiresByType application/vnd.ms-excel A29030400
ExpiresByType application/zip A29030400
</IfModule>
<IfModule mod_deflate.c>
<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>
AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json
<IfModule mod_mime.c>
# DEFLATE by extension
AddOutputFilter DEFLATE js css htm html xml
</IfModule>
</IfModule>
<FilesMatch ".(css|htc|js|js2|js3|js4|CSS|HTC|JS|JS2|JS3|JS4)$">
FileETag MTime Size
<IfModule mod_headers.c>
Header set Pragma "public"
Header append Cache-Control "public"
Header unset Set-Cookie
</IfModule>
</FilesMatch>
<FilesMatch ".(html|htm|rtf|rtx|svg|svgz|txt|xsd|xsl|xml|HTML|HTM|RTF|RTX|SVG|SVGZ|TXT|XSD|XSL|XML)$">
FileETag MTime Size
<IfModule mod_headers.c>
Header set Pragma "public"
Header append Cache-Control "public"
</IfModule>
</FilesMatch>
<FilesMatch ".(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|BMP|CLASS|DIVX|DOC|DOCX|EOT|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|JSON|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|MPP|OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SVG|SVGZ|SWF|TAR|TIF|TIFF|TTF|TTC|WAV|WMA|WRI|XLA|XLS|XLSX|XLT|XLW|ZIP)$">
FileETag MTime Size
<IfModule mod_headers.c>
Header set Pragma "public"
Header append Cache-Control "public"
Header unset Set-Cookie
</IfModule>
</FilesMatch>
Kalau tidak suka berurusan dengan kode, kalian bisa lebih mudah dengan menggunakan plugin WP Super Cache atau W3 Total Cache.
Silahkan dicoba sesuai selera masing-masing 🙂