Optimasi Kecepatan WordPress sebesar 200% menggunakan .htaccess [Tanpa Plugin 2024]

Setelah Anda selesai memasang konten berkualitas baik di situs web Anda dan membuatnya menarik serta menarik, Anda harus tahu bahwa itu bukanlah segalanya.

Setelah mempertimbangkan SEO dan mengerjakan tata letak situs web, situs web Anda harus cukup cepat agar pengguna dapat mengunjunginya setelah mendapat peringkat di mesin pencari.

Tidak masalah jenis web hosting apa yang Anda gunakan bersama or VPS. Di kedua server, perintah .htaccess memiliki kontribusi penting yang dapat memengaruhi Anda Optimasi Kecepatan WordPress dan banyak hal lainnya.

Seperti mempercepat Anda blog, mengaktifkan cache, pengalihan nama domain, Dan banyak lagi.

Anda harus berusaha agar situs Anda dimuat dalam waktu kurang dari dua detik untuk mengesankan pengguna dan algoritma yang digunakan Google. Salah satu cara untuk mengoptimalkan situs Anda adalah melalui file .htaccess.

Plugin Pengoptimalan Kecepatan WordPress

Ada beberapa plugin yang dapat meningkatkan situs WordPress Anda atau blog kecepatan memuat tetapi sebelum Anda menginstal plugin apa pun, Anda harus memahami plugin apa yang cocok untuk Anda, tergantung pada Anda Lingkungan Tuan Rumah...

Plugin LiteSpeed

Plugin WordPress LiteSpeed ​​dibuat untuk mempercepat kecepatan pemuatan situs web Anda yang dihosting Server web LiteSpeed namun Anda dapat menggunakan plugin ini jika Anda dihosting di server Apache standar tetapi cache tidak berfungsi dengan sempurna.

Ini memiliki Cache, CDN, dan pengoptimalan gambar bawaan sehingga Anda tidak perlu menginstal banyak plugin untuk tugas terpisah. Paling penyedia hosting menawarkan hosting LS Webserver jadi karena Anda perlu menginstal plugin ini, Anda harus bertanya kepada penyedia hosting Anda server web mana yang mereka gunakan.

Apa itu file .htaccess?

Ini adalah file konfigurasi. File .htaccess digunakan oleh server web Apache yang ditemukan di direktori root.

Apa fungsi file .htaccess?

Ini adalah kunci untuk mengendalikan folder atau bagian server tertentu. .htaccess sangat berguna untuk mengedit konfigurasi perangkat lunak server yang dihasilkan seperti memulai atau menjeda beberapa fitur atau fungsi server.

Diantaranya, seseorang dapat membuat pengalihan atau direktori yang dilindungi kata sandi, memblokir IP tertentu, meningkatkan kecepatan memuat halaman, dan mengoptimalkan situs.

Menemukan file .htaccess di WordPress

File ini dapat diakses di bawah lokasi ini dengan mudah dan “nama pengguna” akan menjadi 8 karakter pertama dari nama domain utama Anda.

Secara default, file .htaccess disembunyikan karena beberapa alasan keamanan sehingga Anda tidak akan dapat melihatnya di bawah direktori public_html sampai Anda membuatnya terlihat secara manual. Untuk itu:

Jika Anda Tidak Dapat Menemukan file .htaccess

Mungkin ini alasannya, situs yang bersangkutan belum menghasilkan file .htaccess.

Siapkan tautan permanen untuk menghasilkan file .htaccess:

Ini seharusnya berhasil. Alternatifnya, Anda dapat membuat file .htaccess dan mengunggahnya.

Sebelum Anda Mengoptimalkan situs Anda Melalui .htacess

Mempercepat Halaman Anda Menggunakan .htacess

Mengurangi waktu pemuatan halaman adalah proses multi-langkah dan ada beberapa fitur yang perlu Anda aktifkan atau nonaktifkan. Setelah melakukan sedikit riset, berikut adalah daftar kumpulan konfigurasi paling efektif yang akan direkomendasikan sebagian besar pengembang.

Mari kita pelajari semua langkah ini satu per satu.

Kompresi Gzip Dan Deflate Mempercepat Situs WordPress Menggunakan .htaccess

Kompresi hanya mengurangi ukuran dokumen, paling direkomendasikan untuk file XML, JavaScript, lembar gaya CSS, dan juga file HTML. Tahukah Anda bahwa kompresi mengurangi data hingga 60 hingga 80%?

Hal pertama tentu saja mengaktifkan kompresi.

Dua cara yang baik untuk mengaktifkan kompresi adalah melalui mod_gzip atau mod_deflate jika Anda menggunakan Perangkat Lunak Apache[1]. Mod_deflate sedikit lebih mudah, tetapi ada kemungkinan situs web atau server Anda tidak mendukungnya.

DEFLASI Kompresi

# BEGIN DEFLATE COMPRESSION
<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
</IfModule>
# END DEFLATE COMPRESSION

Jika situs web terkait tidak mendukung deflate, GZIP adalah kunci Anda.

Mengaktifkan GZIP menggunakan perintah .htaccess

Dengan mengaktifkan GZIP untuk Anda blog atau situs web Anda dapat meningkatkan waktu pemuatannya hingga 30-50% lebih cepat. Ini akan membantu situs web Anda mempertahankan pengunjung dan meningkatkan opini halaman.

Tidak hanya untuk a situs yang memuat cepat, namun selalu disarankan untuk mengompresi HTML situs Anda.

Setting GZIP menggunakan perintah htaccess di server Apache

Sebagian besar dari Anda yang menggunakan server Apache untuk layanan web hosting dapat langsung mengikuti instruksi kami dan mengaktifkannya GZIP dengan menambahkan beberapa kode deflate ke file ..htaccess file.

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

Jika Anda Tidak Menggunakan Server Apache

Jika Anda tidak menggunakan server Apache untuk hosting web, gunakan yang setara untuk tujuan kompresi.

Kompresi untuk Server NGINX

Untungnya bagi pengguna yang terjebak dengan server NGINX ;), gunakan kode htaccess ini di file konfigurasi di server web Anda.

gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzip_vary on;

Mengaktifkan Caching Peramban

Mengaktifkan cache browser berarti browser akan mengunduh beberapa sumber daya di drive lokal dan ketika diperlukan lagi, browser menggunakan file yang sudah disimpan tersebut, sehingga mempercepat prosesnya.

Berapa lama file yang akan disimpan ditentukan oleh .htaccess.

Gunakan dua metode kode ini untuk mengaktifkan cache browser (disarankan)

KEPALA YANG KEDALUWARSA

#BEGIN EXPIRES HEADERS
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
# Webfonts
ExpiresByType font/truetype "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
</IfModule>
#END EXPIRES HEADERS

Kontrol Cache

# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
 <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
 Header set Cache-Control "max-age=2592000, public"
 </filesMatch>
 <filesMatch "\.(css)$">
 Header set Cache-Control "max-age=604800, public"
 </filesMatch>
 <filesMatch "\.(js)$">
 Header set Cache-Control "max-age=216000, private"
 </filesMatch>
 <filesMatch "\.(x?html?|php)$">
 Header set Cache-Control "max-age=600, private, must-revalidate"
 </filesMatch>
</ifModule>
# END Cache-Control Headers

• Mengaktifkan cache browser dijamin akan mempercepat loading website.
• Jika Anda telah mengaktifkan kontrol cache dengan mengakhiri metode header dan menetapkan batas waktu, Anda tidak perlu melakukannya, sambil mengaktifkan cache dengan metode kontrol cache jika Anda menggunakan keduanya. Tidak masalah menggunakan keduanya.

Cache Server Kecepatan Ringan

Juga, jika memungkinkan, coba aktifkan Server Kecepatan Ringan Cache jika Anda menggunakan LightSpeed ​​Server untuk menjalankan situs web Anda.

Gunakan kode ini:

# ENABLE LITESPEED CACHE START
<IfModule LiteSpeed>
CacheEnable public
RewriteEngine On
RewriteCond %{REQUEST_METHOD} ^GET|HEAD$
RewriteCond %{HTTP_HOST} ^sample.com|sample.net|sample.org [NC]
RewriteCond %{REQUEST_URI} !login|admin|register|post|cron
RewriteCond %{QUERY_STRING} !nocache
RewriteRule .* - [E=Cache-Control:max-age=300]
</IfModule>
# ENABLE LITESPEED CACHE END

Mempercepat WordPress dengan Mengaktifkan Keep-Alive

Keep Alive adalah trik lain yang berhasil; mengaktifkannya meminta browser untuk membuat koneksi TCP satu kali dan tidak beberapa kali.

Hal semacam ini membuat browser membuka koneksi HTTP tertentu secara terus-menerus untuk semua file yang dimuat di halaman web Anda, misalnya gambar, Javascript, skrip CSS, dll.

Mengaktifkan keep-alive selalu disarankan karena tidak ada kerugiannya. Untuk mengaktifkan tetap hidup, Anda juga dapat melakukannya dengan header HTTP. Tapi kita akan melakukannya dengan file .htaccess di sini.

Mengaktifkan Keep-Alive melalui file .htaccess

Edit file .htaccess, tambahkan kode ini di dalamnya:

# START ENABLE KEEP ALIVE
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
# END ENABLE KEEP ALIVE

Berusaha agar hidup aktif secara default di server NGINX dan sebagian besar diaktifkan secara otomatis di server Apache.

Mempercepat Website dengan Menonaktifkan Hotlinking Gambar

Ini benar-benar sesuatu yang perlu Anda nonaktifkan jika Anda tidak menggunakan fitur hotlinking gambar karena selain mengurangi waktu pemuatan situs web Anda, ini juga akan menyelamatkan Anda dari parasit.

Sering kali, orang dapat menggunakan gambar di situs web Anda hanya dengan memberikan link ke gambar tersebut di halaman web mereka. Dengan begitu, setiap kali gambar diperlukan di halaman hot-link mana pun, gambar tersebut dimuat dari server Anda.

Untuk menonaktifkan hotlinking gambar, gunakan kode ini di file .htaccess Anda.

________________________________________
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sample.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Aktifkan mod_pagespeed untuk Memuat Halaman Lebih Cepat

Mod_pagespeed adalah modul sumber terbuka untuk mengoptimalkan file seperti HTML, Javascript, PNG, JPEG, dan CSS secara otomatis.

Ada lebih dari 40 filter yang mengompresi dan mengubah ukuran gambar, menggabungkan dan memperkecil Javascript dan CSS, dan masih banyak lagi. Jenis mod_speed memangkas konten yang berlebihan dan meminimalkan permintaan HTTP.

Sertakan kode ini dalam file .htaccess Anda.

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters rewrite_css,combine_css
ModPagespeedEnableFilters recompress_images
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters collapse_whitespace,remove_comments
</IfModule>

Setelah trik dijamin untuk mempercepat situs web Anda di WordPress, izinkan saya memberi tahu Anda trik bonus jika Anda belum menyadarinya, mungkin berguna suatu saat nanti.

Pengalihan Kanonikalisasi URL

Dalam hal ini, Anda dapat mengarahkan ulang file Anda non-www URL ke www URL.

Menjadi sulit untuk menentukan URL mana yang benar yang perlu diindeks oleh Google atau mesin pencari lainnya.

Dengan menambahkan beberapa baris di file .htaccess Anda dapat dengan mudah mengatasi masalah ini yang akan mengoptimalkan kecepatan situs Anda.

Jika Anda ingin mengalihkan www ke URL non-www:

RewriteCond %{HTTP_HOST} ^www\.example\.com$
RewriteRule ^/?$ "http\:\/\/example\.com\/" [R=301,L]

Jika Anda ingin mengalihkan URL non-www ke www:

RewriteCond %{HTTP_HOST} !^www.example.com$ [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [L,R=301

Akses Libwww-Perl:

Check-in jika server Anda memungkinkan akses dari Agen-pengguna Libww-Perl.

Skrip botnet yang secara otomatis mencari kerentanan dalam perangkat lunak Anda terkadang diidentifikasi sejak Agen-Pengguna Libww-Perl.

Dengan mencegah akses dari Libww-Perl, beberapa masalah sederhana dapat dihilangkan.

RewriteCond %{HTTP_USER_AGENT} libwww-perl.*
RewriteRule .* – [F,L]

Sekarang Anda telah mengerahkan semua upaya ini untuk mengoptimalkan kecepatan situs web Anda, temukan kembali garis dasar waktu pemuatan halaman. Saya yakin Anda akan terkejut.