Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)
Kami baru-baru ini melihat 11 Tips Cepat untuk Mengamankan Situs WordPress Anda, yang termasuk beberapa tips mudah dan penting untuk keamanan blog WordPress Anda. Hari ini, kita akan melihat bagaimana mengoptimalkan situs Anda agar berlari secepat mungkin. Jadi, tanpa kata perpisahan, berikut adalah 10 tips cepat untuk mengoptimalkan situs WordPress Anda!
Dari perspektif coders, WordPress cukup sangat cepat dibandingkan dengan platform lain... tapi tetap kita dapat mengoptimalkan situs WordPress menggunakan praktik optimasi web umum dan menggunakan beberapa plugin WordPress yang baik.
Tips Optimasi 1: Melayani Konten Statis dari Domain Bebas Cookie
80-90% dari waktu respon end-user dihabiskan untuk men-download semua komponen dalam halaman: gambar, stylesheet, skrip, Flash, dll. Seperti, melayani konten statis dari domain bebas cookie adalah praktik yang baik untuk semua situs web, di mana bahkan sedikit waktu ekstra untuk memuat sesuatu dapat berarti waktu lag yang panjang. WordPress kebetulan memiliki ketentuan untuk mengaktifkan fitur ini.
Anda perlu mengatur dua konstanta di bawah dalam file wp-config.php.
define("WP_CONTENT_URL", "http://static.yourdomain.com");
define("COOKIE_DOMAIN", "www.yourdomain.com"); Harap pastikan bahwa Anda telah menggunakan
"bloginfo ('template _directory')"untuk memuat konten statis Anda dalam file tema.
Setelah ini, harap pastikan bahwa Anda telah menggunakan fungsi "bloginfo('template_directory')" untuk memuat konten statis Anda dalam file tema.
Untuk informasi lebih lanjut tentang cara mengatur Domain Bebas Cookie untuk WordPress, lihat disini.
Tips Optimasi 2: Atur sebuah Expire Header untuk Konten Statis
Menetapkan expire header untuk masa depan yang jauh akan menginstruksikan browser web Anda untuk men-cache dan melayani konten yang di-cache sampai tanggal berakhir tersebut. Anda dapat mengatur expire header dengan beberapa edit mudah pada file .htaccess. Saya anjurkan untuk menggunakan kode yang diberikan oleh HTML 5 Boiler Plate, Anda dapat memeriksa kode yang sama di bawah ini:
<IfModule mod_expires.c> ExpiresActive on # Perhaps better to whitelist expires rules? Perhaps. ExpiresDefault "access plus 1 month" # cache.appcache needs re-requests # in FF 3.6 (thx Remy ~Introducing HTML5) ExpiresByType text/cache-manifest "access plus 0 seconds" # Your document html ExpiresByType text/html "access plus 0 seconds" # Data ExpiresByType text/xml "access plus 0 seconds" ExpiresByType application/xml "access plus 0 seconds" ExpiresByType application/json "access plus 0 seconds" # RSS feed ExpiresByType application/rss+xml "access plus 1 hour" # Favicon (cannot be renamed) ExpiresByType image/x-icon "access plus 1 week" # Media: images, video, audio ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType video/ogg "access plus 1 month" ExpiresByType audio/ogg "access plus 1 month" ExpiresByType video/mp4 "access plus 1 month" ExpiresByType video/webm "access plus 1 month" # HTC files (css3pie) ExpiresByType text/x-component "access 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" # CSS and JavaScript ExpiresByType text/css "access plus 1 year" ExpiresByType application/javascript "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" <IfModule mod_headers.c> Header append Cache-Control "public" </IfModule> </IfModule>
Tips Optimasi 3: Menyatakan Konstan untuk Nilai-nilai yang Paling Banyak Digunakan di Database WordPress (Diperbarui!)
Ini dapat berguna bagi pengembang tema untuk mengurangi jumlah query database pada database. Sebagai pengembang tema WordPress kita perlu menggunakan beberapa fungsi WordPress yang kita perlu sering menggunakannya dan lebih dari sekali dalam satu halaman.
Misalnya, untuk mendapatkan url dari halaman home kita umumnya menggunakan get_option('home');. Fungsi ini benar-benar melakukan query pada database dan mendapatkan nilai yang kita inginkan. Seperti yang kita tahu ini akan sama untuk semua kasus dan kita mungkin perlu nilai ini di berbagai tempat.
Jadi apa yang harus dilakukan pada situasi ini?
Saya harus membuat variabel konstan di wp-config.php seperti di bawah ini:
define('MY_HOME','http://www.yourdomain.com');
define('BLOG_NAME','Expert Developer'); Setelah menyatakan konstan ini Anda perlu menggunakan konstan ini bukan get_option('home') atau fungsi yang hampir sama. Sehingga ini akan mengurangi jumlah query di halaman. Anda dapat mendefinisikan konstan untuk direktori template juga.
Catatan Editor: Tips ini telah benar-benar ditolak oleh Stephen Cronin! Kami akan memperbaruinya dalam sehari atau dua hari berikutnya dengan beberapa informasi baru. Untuk saat ini, membaca dari Stephen Cronin rrtikel tindak lanjut yang mengagumkan untuk catatan lebih banyak tentang mengapa hal ini tidak selalu terjadi. Terima kasih Stephen Cronin karena menunjukkan ini!!!
Tips Optimasi 4: Mengoptimalkan Database Anda
Ada beberapa plugin yang tersedia yang dapat mengambil tanggung jawab untuk mengoptimalkan dan memelihara database WordPress. Saya akan mendaftar beberapa di bawah ini, tetapi jika Anda mencari di Direktori Plugin WordPress, Anda seharusnya dapat menemukan beberapa lebih banyak:
Perlu diingat bahwa banyak "plugin Optimasi/Caching" lebih besar yang membantu dengan caching dan hal-hal lain akan melakukan optimasi mereka sendiri - jadi jika Anda memiliki sebuah plugin caching, Anda mungkin sudah mangatasinya. Pengguna tingkat lanjut dapat hanya menggunakan PHPMyAdmin untuk mengoptimalkan database WordPress Anda.
Tips Optimasi 5: Caching adalah Kunci Keberhasilan
Caching adalah faktor yang terpenting untuk mengoptimalkan situs dengan lalu lintas tinggi. WordPress memiliki berbagai plugin yang tersedia yang melayani tujuan ini. Plugin ini umumnya akan membuat file-file .html untuk setiap posting dan halaman, dan akan menyajikan file-file html ini daripada membuat query database setiap waktu.
Kami memiliki beberapa plugin bagus untuk cache di WordPress.
Plugin di atas menghasilkan file HTML untuk masing-masing posting dan halaman, dan menyajikannya, tapi kami memiliki satu plugin yang men-cache hasil query database.
Tips Optimasi 6: Menggunakan CDN untuk Situs web dengan Lalu Lintas Tinggi
Menggunakan CDN (Content delivery network) adalah pilihan yang lebih baik untuk situs dengan lalu lintas tinggi. CDN adalah Jaringan Pengiriman Konten dari server yang dioptimalkan di seluruh dunia. Server-server ini bekerja bersama-sama ke server konten Anda melalui sejumlah server.
Sebagian besar CDN di luar sana sekarang berbayar dan bisa sangat mahal. Kami hanya memiliki satu CDN yang gratis :)
Tips Optimasi 7: Kompres dan Menggabungkan file JS dan CSS
Mengompresi JS dan CSS akan memberikan Anda peningkatan yang baik di waktu loading situs. Karena mengompresi file JS dan CSS akan mengurangi ukuran halaman Anda secara keseluruhan.
Lain hal yang baik untuk diingat adalah menggabungkan file CSS dan JS. Menggabungkan beberapa file ke dalam file tunggal akan mengurangi jumlah permintaan HTTP ke server web Anda.
JS compressor:
CSS compressor:
Atau Anda dapat menggunakan plugin WordPress wp minify untuk menggabungkan berbagai file JS dan CSS menjadi satu file.
Tips Optimasi 8: Kompres Gambar
Seperti mengompresi file CSS dan JS juga baik untuk mengompres gambar pada situs WordPress Anda. Kami memiliki plugin yang menggunakan API dari smush.it dan memberikan gambar yang dikompresi untuk situs WordPress Anda.
Penggunaan CSS Sprite ini juga bermanfaat dalam hal mengurangi jumlah permintaan HTTP.
Tips Optimasi 9: Kompres Konten Statis Anda dengan gZip
Kompresi konten statis dengan kompresi gZip akan secara drastis mengubah waktu loading situs Anda. Ini adalah sebuah penerapan yang baik untuk pengembangan web umum juga. Sekali lagi saya akan menggunakan HTML 5 Boiler Plate untuk trik ini.
Anda hanya perlu menempatkan kode di bawah ini pada file htaccess Anda:
<IfModule mod_deflate.c>
# force deflate for mangled headers
# developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
</IfModule>
</IfModule>
# HTML, TXT, CSS, JavaScript, JSON, XML, HTC:
<IfModule filter_module>
FilterDeclare COMPRESS
FilterProvider COMPRESS DEFLATE resp=Content-Type $text/html
FilterProvider COMPRESS DEFLATE resp=Content-Type $text/css
FilterProvider COMPRESS DEFLATE resp=Content-Type $text/plain
FilterProvider COMPRESS DEFLATE resp=Content-Type $text/xml
FilterProvider COMPRESS DEFLATE resp=Content-Type $text/x-component
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/javascript
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/json
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xml
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xhtml+xml
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/rss+xml
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/atom+xml
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/vnd.ms-fontobject
FilterProvider COMPRESS DEFLATE resp=Content-Type $image/svg+xml
FilterProvider COMPRESS DEFLATE resp=Content-Type $application/x-font-ttf
FilterProvider COMPRESS DEFLATE resp=Content-Type $font/opentype
FilterChain COMPRESS
FilterProtocol COMPRESS DEFLATE change=yes;byteranges=no
</IfModule>
<IfModule !mod_filter.c>
# Legacy versions of Apache
AddOutputFilterByType DEFLATE text/html text/plain text/css application/json
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/xml application/xml text/x-component
AddOutputFilterByType DEFLATE application/xhtml+xml application/rss+xml application/atom+xml
AddOutputFilterByType DEFLATE image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype
</IfModule>
</IfModule> Tips Optimasi 10: Mengelola eTags
eTags juga digunakan untuk tujuan caching, tetapi jika Anda telah menetapkan expire headers untuk konten statis maka akan baik untuk menonaktifkan fungsi eTags. Mari kita lihat bagaimana untuk menonaktifkan eTag menggunakan .file htaccess.
Anda perlu menempatkan satu baris di file .htaccess untuk menonaktifkan eTag.
FileETag none
Untuk mengetahui lebih lanjut tentang eTag, Anda bisa mengunjungi link ini.
Kesimpulan
Ada banyak tips dan trik mengenai ini, tapi saya sudah mencoba sebaik mungkin menyajikan tips "sepadan dengan dana Anda" yang terbaik bagi siapa saja di luar sana yang mencari untuk memulai dengan keamanan WordPress. Pastikan untuk memeriksa artikel WordPress scaling dan caching kami yang lain untuk informasi lebih lanjut! Berbagi pemikiran Anda di bawah ini!
