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 🙂

Memiliki pertanyaan atau saran? Silakan klik disini untuk berkomentar :).

Masgani

Halo, perkenalkan nama saya Gani. Saat ini saya sebagai penulis sekaligus pemilik situs web masgani.com. Selain menulis di situs web ini, keseharian saya saat ini yaitu sebagai Developer di salah satu perusahaan Startup. Saya berharap tulisan saya situs web ini dapat bermanfaat dan menginspirasi. Terima kasih :)

Postingan Terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.