Gatal Satu Tahun Blog Anda (dan Apa yang Harus Dilakukan)

Ketika Anda benar-benar mulai ngeblog, ada banyak hal yang perlu dipikirkan. Menjalankan situs web memerlukan perhatian Anda di berbagai tingkatan – konten, pemasaran, desain, dan sebagainya.

Dengan mengingat hal tersebut, tidak mengherankan jika Anda bisa melupakan beberapa dasar-dasar menjalankan blog. Saya menyebutnya “Gatal Satu Tahun”. Saat itulah Anda menjadi begitu terlibat dalam menjalankan situs Anda sehari-hari sehingga Anda melupakan beberapa hal terpenting.

Itulah posisi yang saya alami baru-baru ini, tetapi untungnya saya mundur dari hutan untuk melihat pepohonan dan kembali ke jalur yang benar. Dalam postingan ini saya ingin menjelaskan apa yang mungkin Anda lupakan dan menunjukkan cara memperbaikinya.

Saya Merasa Perlunya Kecepatan

Saya memiliki obsesi yang sehat terhadap kecepatan. Kecepatan memuat halaman agar lebih spesifik (tidak semewah Top Gun, memang, tapi tidak kalah pentingnya dengan fakta itu).

Saya memahami dampak kecepatan memuat terhadap pengalaman pengguna dan pada akhirnya keuntungan Anda. Faktanya, kami telah menulis tentang cara meningkatkan kecepatan situs di WPExplorer berkali-kali sebelumnya.

Namun saya lupa akan pentingnya kecepatan memuat halaman di blog saya sendiri. Saya begitu sibuk menjalankan blog saya sehari-hari sehingga saya lupa untuk memberikan pengalaman pengguna yang berkualitas pada tingkat paling dasar (yaitu seberapa cepat halaman dimuat). Setelah hampir dua tahun hidup, blog saya macet karena obsesi saya terhadap tweaker dan itu benar-benar terlihat.

Mendapatkan Dasar-Dasar yang Benar

Setelah menyadari kesalahan saya, saya memeriksa untuk memastikan bahwa saya masih melakukan hal-hal sederhana dengan benar. Itu membawa saya kembali ke artikel asli saya di sini di WPExplorer tentang kecepatan situs yang saya bahas sebagai berikut:

Mengukur kecepatan situs
cache
Pengoptimalan gambar
Pemuatan lambat

Inilah yang saya sebut sebagai “hasil yang mudah dicapai” dalam hal meningkatkan kecepatan situs. Mereka cepat dan mudah diterapkan. Namun saya tahu bahwa saya memiliki beberapa masalah mendasar terkait kecepatan memuat situs saya. Sudah waktunya untuk menggali lebih dalam.

Jika Anda bersalah karena mengutak-atik situs Anda maka Anda mungkin memiliki elemen yang berlebihan dan/atau tidak layak dalam halaman web Anda yang secara dramatis memperlambat situs Anda. Inilah yang saya temukan pada kasus saya. Baca terus untuk mengetahui apa yang mungkin Anda lewatkan.

Efek Samping dari Tweak yang Tak Berujung

Langkah pertama saya adalah menuju ke Pingdom dan menguji waktu buka beranda saya. Kurang bagus — waktu muatnya sekitar 5 detik — lebih lambat dibandingkan sekitar 80% situs web lain menurut statistiknya.

Namun, setelah saya selesai melakukan penyesuaian, hasilnya jauh lebih baik:

Proses yang saya lalui untuk meningkatkan kecepatan situs saya sangatlah sederhana. Jika Anda menjalankan situs Anda sendiri melalui Pingdom, Anda akan mendapatkan laporan serupa dengan apa yang Anda lihat di atas, tetapi apa yang Anda temukan di bawah inilah yang benar-benar menarik bagi kami:

Itu adalah sebagian dari daftar semua permintaan yang dibuat untuk memuat situs saya — intinya, jumlah file berbeda yang dimuat untuk menghasilkan halaman web secara penuh. Secara default, mereka diurutkan berdasarkan urutan pemuatannya (yang biasanya merupakan urutan pemanggilannya dalam kode sumber halaman), yang merupakan urutan logis tetapi bukan yang paling berguna bagi kami.

Yang perlu Anda lakukan adalah mengklik kotak drop down di bagian atas daftar dan memilih “Urutkan berdasarkan ukuran file”. Sekarang Anda memiliki daftar file yang menyedot kehidupan situs Anda berdasarkan tingkat keburukannya (karena tidak ada kata yang lebih tepat):

Anda mungkin menemukan saat menyortir daftar bahwa beberapa permintaan sepenuhnya mubazir. Anda mungkin juga menemukan bahwa ada permintaan yang dibuat yang tidak sebanding dengan beban yang mereka berikan pada situs Anda. Kini, langit adalah batasnya dalam menyederhanakan situs Anda menjadi bentuk yang lebih ramping.

Dengan informasi baru ini Anda dapat mulai menghapus dan mengoptimalkan file yang lebih bermasalah daripada manfaatnya.

Menderingkan Perubahan

Berdasarkan Anda telah melakukan peningkatan dasar pada kecepatan situs yang dibahas di atas, kita perlu menyingsingkan lengan baju dan melakukan sedikit lebih banyak hal kotor.

Bersihkan Plugin Anda

Rekomendasi pertama saya adalah memeriksa plugin Anda. Jika Anda telah menjalankan situs Anda selama beberapa waktu, Anda pasti menemukan bahwa ada plugin yang terpasang di situs Anda yang bahkan tidak Anda gunakan lagi. Sebagai alternatif dan/atau tambahan, Anda mungkin mendapati bahwa plugin yang<i> Anda gunakan tidak sepadan.

Meskipun saya akan menjadi orang pertama yang mengatakan bahwa jumlah plugin yang Anda pasang di situs Anda bukanlah faktor utama (yang penting adalah beban yang ditempatkan plugin tersebut di situs Anda), dapat dikatakan bahwa semakin sedikit plugin yang Anda miliki diinstal, semakin besar kemungkinan Anda menjadi korban proses yang membutuhkan banyak sumber daya.

Saya akan merekomendasikan Anda menginstal dan menjalankan Plugin Performance Profiler. Keindahan kecil ini akan memindai beberapa halaman di situs Anda dan memberikan perkiraan pengaruh setiap plugin pada kecepatan memuat Anda secara keseluruhan. Berikut tampilan laporan saya:

Saya menyarankan Anda menjalankan 3-4 laporan untuk mendapatkan gambaran kinerja keseluruhan yang lebih baik karena hasilnya dapat bervariasi. Kami tidak benar-benar mencari angka pastinya di sini — lebih merupakan indikasi jelas tentang plugin apa pun yang terbukti menguras sumber daya secara besar-besaran.

Langkah logis berikutnya adalah membuat keputusan apakah Anda dapat membenarkan penghapusan instalasi plugin mana pun. Pada akhirnya, keputusan ini harus didasarkan pada keinginan Anda untuk menawarkan pengalaman pengguna yang berkualitas — manfaat yang diberikan oleh plugin harus lebih besar daripada waktu buka tambahannya.

Bersihkan Perubahan Kode Manual Anda

Jika Anda telah membuat perubahan manual pada file PHP tema Anda, saya harap Anda melakukannya dengan tema anak, jika tidak, proses ini mungkin akan sedikit memusingkan. Jika tidak, langkah pertama Anda adalah membuat tema anak dan memindahkan semua file tema khusus Anda ke dalamnya.

Dengan asumsi bahwa Anda memiliki tema anak (dengan satu atau lain cara), tugas Anda sekarang adalah memeriksa setiap file di folder tema Anda dan memeriksa bahwa tidak ada kode berlebihan yang ada di dalamnya. Inilah yang saya temukan di dalam file saya:

Referensi ke font Google yang tidak lagi saya gunakan (sebenarnya, saya tidak pernah menggunakannya — saya hanya mengotak-atiknya).
Sepotong kode untuk beberapa tombol berbagi sosial pada satu halaman di blog saya yang dimuat di setiap halaman.
Beberapa kode untuk “kotak suka” Facebook yang menghabiskan lebih banyak sumber daya daripada yang seharusnya.
Beberapa fungsi khusus di file function.php saya yang tidak lagi digunakan.

Dalam beberapa kasus, Anda dapat menghilangkan elemen-elemen ini tanpa efek samping negatif. Dalam kasus lain, Anda mungkin ingin mempertahankan fungsionalitas apa pun yang telah diperkenalkan oleh penyesuaian Anda. Jika skrip tersebut membutuhkan banyak sumber daya, saya sarankan Anda memeriksa pemuatan asinkron yang memastikan bahwa skrip yang berpotensi serakah tidak menghalangi pemuatan halaman lainnya.

Optimalkan Gambar Anda

Ada gambar yang dimuat di setiap halaman situs Anda, seperti yang ada di sidebar dan logo Anda. Sebaiknya pastikan ukurannya sekecil mungkin karena ukuran gabungannya bisa cukup besar.

Proses optimasi harus dibagi menjadi dua tahap:

Pengoptimalan lossy: menggunakan perangkat lunak pengedit grafis pilihan Anda, simpan file Anda dengan jumlah optimasi lossy terbanyak yang dapat Anda tanggung (hanya berlaku untuk jpeg). Saya telah menemukan bahwa menyimpan gambar dengan optimasi 70-80% adalah pilihan yang bagus.
Pengoptimalan lossless: jalankan gambar Anda melalui plugin seperti Smush Image Compression agar gambar dikompresi lebih jauh lagi tanpa kehilangan kualitas gambar.

Mengoptimalkan gambar Anda dapat membuat perbedaan besar tanpa dampak nyata apa pun pada pengalaman pengguna, jadi hal ini tidak perlu dipikirkan lagi.

Langkah selanjutnya

Anda seharusnya dapat mengurangi kecepatan memuat secara drastis dengan langkah-langkah di atas, namun tentu saja Anda dapat melangkah lebih jauh.

Misalnya, hosting dan pengiriman konten dapat membuat perbedaan besar pada waktu pemuatan. Situs web yang dihosting di server bersama tidak akan pernah lengkap jika situs web dihosting di server khusus yang bermitra dengan jaringan CDN. AJ Clarke kami sendiri merekomendasikan komunitas CloudFlare untuk meningkatkan kecepatan memuatdan meningkatkan keamanan.

Postingan ini tidak membahas secara detail pro dan kontra dari berbagai penyedia hosting, jadi saya menyarankan Anda memulai dengan melakukan penyesuaian yang direkomendasikan dalam postingan ini. Jika Anda menginginkan lebih, hubungi penyedia hosting Anda dan mintalah saran mereka untuk meningkatkan paket hosting Anda dan/atau menggabungkan CDN.

Jika Anda memiliki pertanyaan, silakan tinggalkan di bagian komentar di bawah!