Optimasi Kinerja WordPress: Data Hadir Sebelum Optimasi

Artikel ditulis oleh:
  • WordPress
  • Diperbarui: Mei 19, 2015

Internet penuh dengan artikel yang akan memberi tahu Anda cara mengoptimalkan kinerja situs WordPress Anda. aku sudah menulis beberapa dari mereka diri. Jika mereka ada gunanya, setelah membaca Anda akan memiliki gagasan yang jelas tentang praktik terbaik untuk meningkatkan kinerja situs WordPress. Namun, "praktik terbaik" kurang lebih adalah ungkapan kode untuk "jika Anda tidak dapat atau tidak akan belajar cara memahami subjek ini secara mendalam, dengan melakukan hal ini Anda mungkin akan membuat semuanya menjadi lebih baik." Praktik terbaik sangat umum , dan meskipun menerapkannya akan membantu, itu tidak mungkin untuk menghasilkan hasil terbaik dalam setiap kasus - dan itulah pengoptimalan adalah semua: mencari tahu bagaimana mencapai hasil optimal dalam keadaan tertentu.

Setiap situs WordPress adalah kombinasi unik dari tema, plugin, dan tweak, yang masing-masing dapat mempengaruhi kinerja. Satu-satunya cara untuk benar-benar mengoptimalkan situs WordPress adalah mengetahui aspek mana yang menyebabkan masalah kinerja dan memfokuskan upaya Anda di sana. Ada gunanya menghabiskan uang dan waktu untuk membangun jaringan distribusi konten internasional jika 98% dari pengunjung situs bisnis lokal Anda tinggal di dalam jarak 100 server; mungkin waktu Anda akan lebih bermanfaat dihabiskan memilah-milah widget berbagi sosial menyebabkan penundaan multi-detik memuat beranda Anda.

Untuk mengetahui di mana upaya Anda paling baik ditempatkan, Anda memerlukan data. Di sisa artikel ini, saya akan menyoroti beberapa alat yang dapat Anda gunakan untuk membuat profil situs dan mendapatkan wawasan tentang apa yang memengaruhi kinerja.

PageSpeed ​​Wawasan

wawasan google pagepeed

PageSpeed ​​Insights adalah layanan dari Google yang akan menganalisis halaman web dan memberikan laporan terperinci dengan saran tentang bagaimana kinerja dapat ditingkatkan. Misalnya, jika Anda tidak mengecilkan JavaScript Anda, PageSpeed ​​Insights akan memberi tahu Anda skrip mana yang dapat dikecilkan dan manfaat potensial.

Google Pagespeed Insights untuk WordPress adalah plugin yang menggunakan data PageSpeed ​​dan menggunakannya untuk membuat dasbor yang akan membantu pemilik situs menargetkan upaya pengoptimalannya.

Pingdom Alat

alat pingdom

Sebagian besar pemilik situs sudah terbiasa dengan yang satu ini, tapi itu layak disebut karena sangat berguna. Ada beberapa fungsi crossover dengan PageSpeed ​​Insights, tetapi jika Anda seorang pemikir visual, Anda akan menemukan bahwa representasi waterfall akan memberi Anda wawasan yang jelas ke dalam proses pemuatan laman, membuatnya mudah mengenali penyebab latensi.

Tindakan Debug Bar Lambat

bar debug

Jika Anda benar-benar ingin tahu detail seluk-beluk kinerja situs Anda, tindakan Perlambatan selain dari Debug Bar plugin akan memberi Anda semua informasi yang Anda butuhkan.

Plugin akan menampilkan aksi 100 paling lambat yang masuk ke membangun halaman WordPress. Informasi ini lebih berguna bagi para pengembang daripada pengguna WordPress rata-rata, tetapi jika Anda ingin mempelajari apa yang perlu Anda ketahui untuk mengoptimalkan situs Anda dengan baik, plugin ini tidak tergantikan.

Hindari Optimasi Tanpa Noda

Di bagian atas artikel ini saya mengatakan "praktik terbaik" tidak selalu yang terbaik untuk situs tertentu. Itu karena beberapa saran pengoptimalan tidak relevan untuk beberapa situs. Untuk memerangi itu saya menyarankan agar Anda mengumpulkan sebanyak mungkin informasi tentang situs Anda, tetapi terlalu banyak informasi bisa sama bahayanya dengan terlalu sedikit jika Anda tidak memprioritaskan dengan benar.

Perlu diingat bahwa meskipun alat ini memberi tahu Anda "Faktor X" membuat situs Anda lebih lambat daripada yang seharusnya, itu hanya masalah jika itu memiliki efek nyata pada pengalaman pengguna atau konversi - bahkan beranda Google gagal beberapa tes PageSpeed ​​Insight. Hukum pengembalian yang menurun beroperasi di sini. Terkadang cepat cukup cepat, dan lebih banyak optimasi hanya membuang waktu. Gunakan alat ini, tetapi pastikan Anda memasukkan informasi yang mereka berikan dalam konteks tujuan Anda yang lebih luas.

Optimasi yang Memberikan Bang Baik Untuk Buck

Mudah-mudahan saya telah menjelaskan dalam artikel ini bahwa optimisasi yang obsesif seringkali bukan penggunaan sumber daya yang terbaik. Namun demikian, sejumlah optimasi yang akan menghasilkan kinerja yang lebih baik untuk hampir semua situs WordPress.

Pilih Hosting yang Baik

Hosting murah mungkin menggoda, tapi ada alasannya itu murah. Penyedia hosting berbiaya rendah cenderung menjual rencana mereka secara berlebihan. Akan ada lebih banyak situs di server daripada yang dapat ditangani secara wajar, terutama jika beberapa dari mereka mendapatkan lonjakan traffic pada saat yang bersamaan. Jika hosting Anda lambat, tidak ada lagi yang Anda lakukan yang cenderung menguntungkan situs Anda sebanyak mungkin.

caching

WordPress adalah generator situs yang dinamis. Dibutuhkan banyak kode PHP dan query database dan membuat mereka bersama-sama ke dalam HTML yang membentuk halaman web. Tidak peduli seberapa cepat hosting Anda, generasi halaman dinamis lebih lambat daripada melayani halaman statis. Kami menggunakan generator situs dinamis karena mereka datang dengan banyak manfaat lain - tidak banyak dari kami yang akan senang mengkode situs kami dari awal - tetapi sebagian besar waktu kami tidak perlu memiliki halaman yang dihasilkan untuk setiap pengunjung: mereka tidak berubah dengan cepat. Caching memungkinkan kami menyimpan halaman yang dihasilkan pada disk atau di memori, yang membuatnya hampir secepat laman statis.

Plugin terbaik untuk caching di WordPress adalah W3 Total Cache. Ini cukup mudah digunakan, tetapi memiliki lebih dari opsi konfigurasi yang cukup bahkan untuk pengoptimal yang paling berdedikasi. W3 Total Cache juga akan menangani tweak optimasi berguna lainnya, seperti JavaScript dan CSS minification.

Memuat JavaScript Dan CSS Secara Asinkron

Salah satu hal yang akan dilewatkan oleh Google PageSpeed ​​Insights adalah file JavaScript dan CSS yang dimuat pertama dan memblokir yang lainnya. Karena skrip ini umumnya disertakan dalam <head> file HTML, mereka termasuk di antara hal-hal pertama yang ditampilkan browser di halaman dan yang lainnya berhenti saat dimuat. Dalam banyak kasus, baik JavaScript maupun CSS benar-benar tidak perlu dimuat terlebih dahulu. Async JS dan CSS adalah plugin bagus yang akan mencegah file JS dan CSS memblokir pembebanan sisa halaman.

Setelah Anda mendapatkan hosting yang bagus, cache, dan pemuatan asynchronous di tempat, saatnya untuk berpikir tentang menggunakan jaringan distribusi konten. Setelah itu, tweak optimasi Anda akan mulai jatuh ke ranah yang telah kita diskusikan sebelumnya, dan inilah saatnya untuk berpikir serius apakah Anda terlalu mengoptimalkan dan jika waktu Anda mungkin lebih baik dihabiskan untuk pengoptimalan tingkat konversi atau menulis konten hebat.

Tentang Tamu WHSR

Artikel ini ditulis oleh seorang kontributor tamu. Pandangan penulis di bawah sepenuhnya miliknya sendiri dan mungkin tidak mencerminkan pandangan WHSR.