Cara Mengurangi Waktu Muat Halaman WordPress

Sebelum menyusun postingan ini, saya harus memeriksa ulang waktu buka halaman blog saya. Ya, saya suka kecepatannya dan jika halaman saya tidak berfungsi optimal, kemungkinan besar saya akan tidur dalam keadaan khawatir. Dan saya orang yang khawatir karena saya baru saja mendapat skor 73/100 di Pingdom. Sepertinya saya memiliki beberapa pekerjaan yang harus dilakukan tetapi cukup tentang saya, Anda harus khawatir jika Anda memiliki situs web yang lambat karena:

  • Google memperhitungkan kecepatan halaman saat memberi peringkat situs web Anda
  • Situs web yang lambat akan mematikan aliran pendapatan Anda

Tidak ada yang menyukai situs web yang lambat dan itu faktanya. Saya berani bertaruh bahwa situs web yang lambat bukanlah salah satu hal favorit Anda. Situs web yang lambat dapat membuat Anda gila jika Anda cukup sabar untuk bertahan. Oleh karena itu, bagaimana Anda bisa mengurangi waktu muat halaman situs WordPress Anda untuk menawarkan pengalaman yang lebih cepat dan lebih kaya kepada pengunjung web Anda?

Dalam postingan hari ini, kami akan mengungkapkan lebih dari sepuluh (10) trik yang dapat Anda gunakan untuk membuat situs WordPress Anda lebih cepat. Ambil dan jalankan dengan beberapa poin ini dan Anda akan baik-baik saja.

Pilih Hosting WordPress Terbaik

Ada beberapa faktor yang harus Anda pertimbangkan ketika memilih hosting WordPress terbaik. Jika Anda secara tidak sengaja memilih host web di bawah standar (atau bahkan paket hosting bersama yang terbebani), itu hanya berarti satu hal: Anda harus bertahan dengan situs yang lambat selama Anda tetap menggunakan host web tersebut.

Meskipun paket hosting bersama yang murah mungkin bagus saat memulai (atau saat menguji coba), Anda memerlukan host WordPress yang dikelola seperti WPEngine untuk kinerja terbaik.

Tetapi, bagaimana dengan server khusus atau paket hosting VPS (Virtual Private Server) saya?

Ya, tidak ada paket hosting yang dapat menandingi hosting WordPress terkelola. WPcurve.com mencatat peningkatan kecepatan sebesar 54% pada hari mereka berpindah ke WPEngine. Pernahkah Anda memperhatikan seberapa cepat website kita dimuat? Itu karena kami juga menggunakan WPEngine!

Bagaimana Anda bisa tahu apakah server Anda berada di tengah-tengah masalah kecepatan halaman Anda? Jika Anda memeriksa domain Anda menggunakan Google PageSpeed Insights dan “waktu respons server” menjadi masalah, Anda harus mempertimbangkan untuk mengubah host web Anda.

Hapus Plugin WordPress yang Tidak Anda Gunakan

Untuk merasakan kemenangan besar dalam hal peningkatan kecepatan halaman, Anda harus berhati-hati saat memasang plugin. Ada dua prinsip yang harus dijalankan dalam kaitannya dengan plugin WordPress:

  • Jangan aktifkan plugin yang tidak diperlukan
  • Berhati-hatilah dengan apa yang Anda instal karena beberapa plugin terlalu merepotkan

Jika Anda memeriksa semua plugin di situs WordPress Anda, Anda akan menyadari bahwa Anda mungkin tidak memerlukan semuanya. Misalnya, jika Anda memiliki WordPress SEO by Yoast, Anda tidak memerlukan plugin peta situs XML. Contoh lain: Akismet adalah plugin anti-spam yang bagus, tetapi Anda tidak memerlukannya jika plugin komentar Anda (seperti Disqus) memiliki sistem pemfilteran spam yang mengesankan. Apakah kamu mengikuti?

Selain itu, Anda tidak memerlukan plugin untuk memeriksa situs WordPress Anda apakah ada tautan yang rusak, Anda dapat dengan mudah melakukannya secara online menggunakan W3C Link Checker. Bersihkan plugin WordPress Anda, dan uninstall plugin yang jarang atau tidak pernah Anda gunakan. Plugin seperti Importir WordPress atau Ultimate Coming Soon tidak perlu memperlambat situs web Anda. Copot pemasangan plugin tersebut setelah memenuhi tujuannya.

Sebaiknya Anda (atau pengembang WordPress Anda) dapat mengintegrasikan fitur tertentu langsung ke situs web Anda, sehingga Anda dapat menyingkirkan plugin yang mungkin memperlambat situs web Anda. Jika Anda tidak mengetahuinya, plugin terkenal karena memasukkan segala macam kode CSS dan JavaScript di bagian atas halaman Anda. Hal ini dapat berdampak negatif pada kecepatan memuat halaman Anda.

Penting: TIDAK ADA yang salah dengan memiliki banyak plugin yang aktif di situs Anda, masalahnya adalah memiliki banyak plugin dengan kode yang buruk, atau beberapa plugin yang menyelesaikan tugas yang sama atau banyak plugin yang menambahkan stres ke server.

Kurangi Permintaan HTTP ke Server Anda

Apakah situs web Anda memerlukan ribuan file untuk menampilkan contoh pertama itu? Jika demikian, Anda kehilangan banyak detik berharga dalam waktu buka halaman. Hilangkan apa pun yang tidak diperlukan untuk tujuan Anda, tetapi jika hal tersebut terbukti menantang, pertimbangkan untuk mengkode ulang tema Anda – hanya saja kali ini pastikan Anda membatasi jumlah file yang diperlukan untuk menampilkan situs Anda.

Setiap file (CSS, JavaScript, Gambar, dll) yang Anda gunakan di situs web Anda meningkatkan waktu buka halaman Anda. Tentu saja, untuk meningkatkan kecepatan halaman, Anda harus menggunakan file sesedikit mungkin. Jika Anda tidak dapat meretasnya di situs web Anda, gunakan beberapa file di halaman terpopuler Anda. Ini termasuk beranda dan halaman produk Anda.

Optimalkan Gambar Anda

Masih tentang file dan pengaruhnya terhadap waktu buka halaman, gambar Anda dapat berdampak besar pada kecepatan halaman Anda. Seperti yang kami temukan di Plugin WordPress untuk Mengoptimalkan Kinerja Gambar, “…situs web dengan gambar yang tidak dioptimalkan benar-benar membosankan, dan akan menghabiskan bandwidth Anda yang berharga, memperlambat segalanya, dan merusak pengalaman pengguna (UX).”

Sebelum mengunggah, pastikan untuk mengoptimalkan gambar Anda untuk WordPress, mengompresnya, atau menyimpan file untuk web. Jika Anda tidak tahu cara menyimpan file untuk web, opsi “Simpan untuk Web” adalah fitur umum di sebagian besar program pengeditan gambar seperti Photoshop dan Gimp.

Hal penting lainnya. Berhenti menggunakan gambar yang jauh lebih besar dari yang Anda butuhkan. Jika Anda membutuhkan thumbnail berukuran 150 x 150, jangan upload dan perkecil gambar berukuran 300 x 300. Ada begitu banyak alat gambar (dan gratis) di luar sana sehingga Anda tidak punya alasan apa pun untuk tidak mengoptimalkan gambar Anda. Tidak tahu di mana mencarinya? Berikut beberapa contohnya:

  • Pengubah Ukuran Pix (Unduh di bluefive.pair.com)
  • Pengoptimal Gambar
  • Pelajari lebih lanjut tentang pengoptimalan Gambar WordPress dan dapatkan sepuluh plugin pengoptimalan gambar gratis untuk situs WordPress Anda.

Iklan Anda Juga Penting

Iklan adalah aliran pendapatan yang besar bagi banyak situs web, namun iklan juga dapat berdampak negatif pada waktu buka halaman Anda. Menautkan langsung ke produk atau layanan yang Anda promosikan menggunakan gambar yang dioptimalkan adalah cara terbaik untuk mengiklankan penawaran di situs web Anda. Alternatifnya, Anda dapat menggunakan tautan teks dan meningkatkan kecepatan halaman secara signifikan. Satu-satunya masalah dengan tautan teks adalah pendapatan iklan Anda mungkin berkurang karena gambar lebih menarik perhatian daripada teks.

Anda akan mengurangi kecepatan halaman Anda jika Anda sangat bergantung pada jaringan iklan pihak ketiga yang berjalan di server eksternal. Pada saat yang sama, menambahkan kode pelacakan iklan lokal ke situs web Anda mungkin mengganggu kinerja. Apa yang harus dilakukan? Gunakan gambar yang dioptimalkan dan dihosting secara lokal (artinya dihosting di server Anda) untuk mempromosikan penawaran. Anda selalu dapat melacak iklan Anda menggunakan plugin seperti Pretty Link Pro.

Hal penting yang dapat diambil: Kurangi jumlah iklan yang memerlukan banyak server atau gunakan hanya iklan yang tidak akan membebani sumber daya server Anda.

Aktifkan Kompresi Gzip

Jika Anda diperintahkan untuk melemparkan selembar kertas ke seberang ruangan sejauh mungkin, apakah Anda akan meremasnya atau meremasnya dengan sekuat tenaga? Benar, Anda akan mengaktifkan Hulk Smash Anda.

Kutipan sebelumnya dibuat oleh Willie Jackson dan prinsip yang sama berlaku untuk kompresi Gzip. Fitur ini menginstruksikan server Anda untuk mengompresi situs web Anda (semua file) sebelum mengirimkannya ke pengunjung web Anda. Situs web Anda kemudian didekompresi di tingkat browser.

Kompresi Gzip adalah cara yang keren dan mudah untuk mempercepat situs WordPress Anda. Cukup navigasikan ke Layar Opsi WordPress di http://domainanda.com/wp-admin/options.php dan ubah nilai gzipcompression  bidang dari 0 hingga 1. Ganti http://domainanda.com dengan domain Anda sendiri. Tentunya, Anda harus login terlebih dahulu ke situs Anda agar ini berfungsi ?

Manfaatkan Caching dan Jaringan Pengiriman Konten (CDN)

Caching WordPress melibatkan penyimpanan beberapa file statis Anda (misalnya gambar, skrip, dll) di perangkat pengguna untuk jangka waktu tertentu. Ketika pengguna mengunjungi situs web Anda di lain waktu (dan asalkan file cache belum kedaluwarsa), situs web Anda akan dimuat lebih cepat karena pengguna tidak perlu mengunduh file dari server Anda.

Mengaktifkan cache di situs WordPress Anda sangat mudah. Jika Anda ingin mengetahuinya, Anda dapat mengaktifkan cache browser dengan menempatkan kode di bawah ini di file .htaccess Anda.

## EXPIRES CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/jpeg "access 1 year"

ExpiresByType image/gif "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresByType text/css "access 1 month"

ExpiresByType text/html "access 1 month"

ExpiresByType application/pdf "access 1 month"

ExpiresByType text/x-javascript "access 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"

ExpiresByType image/x-icon "access 1 year"

ExpiresDefault "access 1 month"

</IfModule>

## EXPIRES CACHING ##

Kode milik Kevin Muldoon. Kode di atas menentukan berapa lama setiap jenis file akan di-cache. Alternatifnya, Anda dapat mengaktifkan caching dalam beberapa menit menggunakan plugin caching WordPress seperti:

  • W3 Jumlah Tembolok
  • WP Super Cache
  • WP Cache Tercepat

Omong-omong, plugin caching menerbitkan versi HTML statis dari file Anda sehingga menghilangkan kebutuhan akan panggilan server. Caching akan menghasilkan peningkatan kecepatan secara langsung, jadi segera dapatkan plugin caching WordPress Anda. Banyak pemilik situs web dan pengembang WordPress memilih WP Total Cache. Selain cache, mari kita lihat Jaringan Pengiriman Konten atau singkatnya CDN.

Jaringan Pengiriman Konten

Situs web WordPress Anda dapat dihosting di pusat data (server) di mana pun di dunia bergantung pada lokasi host web Anda. Tidak peduli seberapa kuat server Anda, semakin jauh pengguna dari server (karenanya situs web Anda), semakin lama waktu buka halaman. Misalnya, jika server Anda berlokasi di San Francisco, pelanggan di London akan mengalami waktu muat yang lebih lama dibandingkan dengan pelanggan di, misalnya, Washington.

Jaringan pengiriman konten seperti CloudFlare dan BootstrapCDN mengatasi masalah ini. Jaringan pengiriman konten adalah serangkaian pusat data yang saling terkait yang berlokasi di seluruh dunia. Setelah mendaftar akun CDN, versi situs web Anda disimpan di beberapa pusat data. Ketika pengguna mengunjungi website Anda, CDN akan secara otomatis melayani website Anda dari pusat data terdekat dengan pengguna.

Pakar hosting WordPress terkelola, WPEngine, menyediakan fitur CDN dan caching tingkat atas yang akan membantu Anda meningkatkan situs WordPress Anda.

Stylesheet di Atas dan Skrip di Bawah

Arsitektur situs memengaruhi kinerja situs Anda lebih dari yang Anda kira. Maksud saya, cara Anda mengurutkan berbagai elemen di situs WordPress Anda (atau situs lainnya) memiliki pengaruh besar pada seberapa cepat konten Anda dimuat.

Namun bagaimana menempatkan stylesheet di bagian atas dan skrip di bagian bawah akan mengurangi waktu muat halaman di situs web saya? Pertama, Anda tidak ingin pengunjung Anda melihat konten tanpa gaya, bukan? Menempatkan stylesheet di bagian atas (dalam elemen <head>) memastikan stylesheet dimuat terlebih dahulu. Dengan demikian, gaya Anda akan diterapkan ke halaman Anda saat HTML dimuat.

Menempatkan skrip di bagian bawah memastikan bahwa konten Anda dimuat sebelum objek interaksi dimulai. Widget, iklan bernaskah, panggilan API eksternal, dan formulir bernaskah antara lain harus dimuat setelah konten Anda. Lagi pula, pengguna hanya akan berinteraksi dengan objek tersebut setelah melihat konten Anda. Anda tentu tidak ingin pengunjung melihat konten tanpa gaya, dan Anda tentu tidak ingin mereka melihat widget Postingan Terkait jauh sebelum konten tersebut.

Tahukah Anda? Menempatkan skrip di bagian atas (atau di elemen <head>) dapat mencegah konten Anda dimuat jika salah satu skrip gagal dimuat?

Batasi Skrip Eksternal Anda

Masih pada bisnis script ini, jika website Anda terlalu banyak mengandalkan script eksternal maka akan melambat. Saya rasa kami telah menyebutkan sesuatu tentang hal ini ketika kita membahas tentang bagaimana iklan dapat memperlambat situs Anda. Contoh umum skrip eksternal meliputi:

  • Tombol berbagi media sosial mis. tombol Suka Facebook dan Ikuti Twitter yang terkenal.
  • YouTube dan skrip penyematan video lainnya (Omong-omong, sangat mudah untuk menambahkan video YouTube ke situs WordPress Anda)
  • Plugin komentar eksternal seperti IntenseDebate, Google+ Comments, Disqus dll
  • Obrolan Langsung
  • Formulir keikutsertaan eksternal dan pop up
  • Skrip font eksternal
  • Dan sebagainya, dan sebagainya

Mengurangi jumlah skrip eksternal dapat mengurangi waktu buka halaman secara signifikan. Satu-satunya kelemahan adalah Anda menghadapi risiko menjalankan situs web Anda tanpa fitur tertentu. Anda dapat melengkapi sebagian besar fitur dengan mengkodekannya langsung ke dalam tema Anda.

Anda tidak perlu menonaktifkan semua skrip eksternal, Anda dapat menggunakan alat Kecepatan Situs Pingdom atau GTmetrix untuk mengetahui skrip yang membebani sumber daya tur. Apakah Anda menginginkan kecepatan halaman yang luar biasa atau lebih banyak fitur (yang mungkin tidak akan pernah digunakan pengguna karena situs Anda membutuhkan waktu puluhan tahun untuk dimuat)? Ini semua tentang berkompromi demi kebaikan yang lebih besar, atau lebih tepatnya, kecepatan halaman yang lebih baik.

Mengecilkan

Apa yang kita perkecil? Kode HTML, CSS, dan JavaScript Anda. Bagaimana cara mengecilkan HTML, CSS, atau JavaScript? Anda menghapus semua spasi dari kode.

Bukankah itu akan membuat kodenya tidak terbaca? Bukankah kode tersebut akan menyakiti mata kita? Ya, ini mungkin membuat kode sulit dibaca, tetapi jika Anda ingin meningkatkan kecepatan halaman, Anda tidak perlu khawatir tentang hal-hal seperti itu. Lagi pula, Anda selalu dapat mengomentari kode Anda jika itu membantu. Struktur teratur dan spasi digunakan dalam kode agar dapat dibaca oleh pembaca manusia. Browser dan server tidak peduli sedikit pun tentang estetika selama kode Anda valid.

Gunakan banyak spasi untuk menyempurnakan front-end, tetapi hapus semua spasi dan tab dari kode Anda. Jika Anda tidak ingin mengutak-atik, Anda dapat mengotomatiskan seluruh proses menggunakan plugin seperti Autoptimize.

Gunakan Tema WordPress yang Dikodekan & Dikelola dengan Baik

Tema WordPress yang tidak pernah mendapat perhatian dari pengembangnya biasanya dilengkapi dengan kode yang dibuat dengan buruk sehingga akan menghabiskan sumber daya server Anda sehingga mengakibatkan situs web menjadi lambat. Selain itu, tema WordPress yang dikembangkan dengan buruk mungkin menggunakan gambar secara berlebihan, sehingga akan menambah bobot situs Anda.

Pilih tema WordPress yang dikembangkan secara profesional dari sumber terpercaya. Di atas segalanya, tema pilihan Anda harus responsif dan dioptimalkan untuk kinerja terbaik. Tidak tahu harus mulai dari mana? Lihat tema Total Drag & Drop WordPress yang mengesankan atau Tema WordPress Gratis kami.

Namun ingat, hanya karena Anda memercayai pengembang tema, bukan berarti tema tersebut dikodekan dengan sempurna. Setiap orang membuat kesalahan dan setiap tema memiliki semacam bug atau kekurangan di suatu tempat, oleh karena itu penting juga untuk menggunakan tema yang dikelola dan diperbarui secara berkala. Jangan puas dengan sebuah tema hanya karena Anda menyukai tampilannya, tema apa pun dapat didesain ulang melalui tema anak.

Mengambil sampah

Sejak WordPress 2.9, setiap kali Anda menghapus konten dari situs Anda, konten tersebut dikirim ke sampah – seperti keranjang sampah di desktop Anda. Oleh karena itu, Anda dapat memulihkan atau menghapus file Anda secara permanen sesuka hati. Satu-satunya masalah adalah sampah ini dapat menghabiskan banyak ruang di database Anda. Setelah sampah menumpuk, hal itu dapat mencekik DB sehingga memperlambat situs web Anda.

WordPress mengosongkan sampah setiap tiga puluh hari, namun Anda dapat mengubahnya dengan mengedit file wp-config.php Anda:

define( 'EMPTY_TRASH_DAYS', 7 );

Kode di atas akan menginstruksikan WordPress untuk membersihkan sampah setiap tujuh hari, sedangkan kode berikut akan menonaktifkan fitur sampah untuk selamanya:

define( 'EMPTY_TRASH_DAYS',  0 );

Nonaktifkan Fitur Jetpack yang Tidak Anda Gunakan

Menonaktifkan beberapa fitur Jetpack yang tidak pernah Anda gunakan dapat meningkatkan kecepatan situs web Anda secara signifikan. Saya menonaktifkan semua fitur kecuali komentar, berbagi, tautan pendek WP.me, dan visibilitas widget serta mengurangi waktu buka halaman saya sebanyak tiga (3) detik!

Fitur Jetpack menggunakan skrip, yang memerlukan waktu untuk memuat selain mengirimkan permintaan tambahan ke server Anda. Jika Anda mengaktifkan semua fitur Jetpack, halaman Anda akan membutuhkan waktu lebih lama untuk dimuat. Aktifkan fitur yang ingin Anda gunakan dan lupakan sisanya.

Ringkasan Singkat

Memberikan pengalaman pengguna yang luar biasa dan peringkat yang baik di mesin pencari kini dikaitkan dengan kecepatan halaman dan kinerja situs secara umum. Oleh karena itu, Anda tidak boleh meremehkan pentingnya mengoptimalkan situs web Anda untuk kinerja terbaik. Dalam daftar:

  1. Pilih hosting WordPress terbaik (Kami menggunakan dan menyukai WPEngine)
  2. Hapus plugin lama yang tidak Anda gunakan
  3. Kurangi permintaan HTTP ke server Anda
  4. Optimalkan gambar Anda
  5. Pilih iklan Anda dengan bijak
  6. Aktifkan kompresi Gzip
  7. Manfaatkan caching dan jaringan pengiriman konten (CDN)
  8. Stylesheet di bagian atas dan skrip di bagian bawah
  9. Batasi skrip eksternal Anda
  10. Perkecil, perkecil, dan perkecil lagi
  11. Gunakan tema WordPress premium (saya merekomendasikan tema WordPress Serbaguna Total Drag & Drop)
  12. Mengambil sampah
  13. Nonaktifkan fitur Jetpack yang tidak Anda gunakan

Bola sekarang ada di tangan Anda…

Aturan umum saat mengembangkan situs web Anda adalah menerapkan pendekatan minimalis pada hampir setiap aspek proyek Anda. Singkirkan apa yang tidak Anda perlukan, optimalkan, dan mulai dengan alat yang tepat, termasuk hosting web. Sampai jumpa ?