10 Tips Cepat: Mengoptimalkan & Mempercepat Situs WordPress Anda

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:

• Yoast Optimize DB
• WP DB manager

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.

• WP Super Cache
• Hyper Cache
• W3 Total Cache

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.

• DB Cache

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 :)

• Amazon S3
• Max CDN
• Media Temple CDN
• Free CDN

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:

• Closure Compiler
• Minify JavaScript

CSS compressor:

• Minify CSS
• 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.

• WP Smush IT

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.